document.querySelector에 for문 변수를 넣으려면
본문
자바스크립트 문의를 드립니다.
for문 배열로 변수값에 따라 배경색을 바꾸려고 합니다.
아래 빨간색 부분에 fruits[i]를 넣으면 이상하게 작동이 안되네요.ㅜㅜ
그래서 일일이 숫자를 넣고 있는데 fruits[i]를 넣어 작동되게 하려면
어떻게 해야 할까요?
for (let i = 0; i < fruits.length; i++) {
if(fruits[i]==1){
document.querySelector('[number=\'1\']').style.background = "red";
}else if(fruits[i]==2){
document.querySelector('[number=\'2\']').style.background = "red";
}else if(fruits[i]==3){
document.querySelector('[number=\'3\']').style.background = "red";
}
}
아래처럼 간단하게 구현하고 싶은데 방법이 없을까요? 도움 부탁 드려요ㅜㅜ
for (let i = 0; i < fruits.length; i++) {
document.querySelector('[number=\'fruits[i]\']').style.background = "red";
}
답변 1
for (let i = 0; i < fruits.length; i++) {
document.querySelector('[number=\'' + fruits[i] + '\']').style.background = "red";
}
늦은 시간 답변 주셔서 감사해요. 아주 잘 작동합니다.ㅜㅜ 즐거운 설명절되세요^^~
답변을 작성하시기 전에 로그인 해주세요.