document.querySelector에 for문 변수를 넣으려면

document.querySelector에 for문 변수를 넣으려면

QA

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";
    }
답변을 작성하시기 전에 로그인 해주세요.
전체 15,782
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT