테스트 사이트 - 개발 중인 베타 버전입니다

querySelectorAll 조건문 채택완료

인찌 3년 전 조회 6,075

</strong></p>

<p>        let proCess = document.querySelectorAll("#process_txt");

        let proCessHTML = proCess.innerHTML;

       

        if(proCessHTML == "등록대기"){

            proCess.classList.add('yellow');

        } else if (proCessHTML == "판매중"){

            proCess.classList.add('green');

        } else if (proCessHTML == "심사중"){

            proCess.classList.add('purple');

        } else if (proCessHTML == "심사거절"){

            proCess.classList.add('red');

        } else {

            proCess.classList.add('black');

        }</p>

<p><strong>
 

 

 

위처럼 했는데 querySelector 였을때는 되긴 한데 하나만 선택이되더라구요

querySelectorAll 으로 했을때 모든 요소들을 가져와서 

class 추가하고 싶어요!

 

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
3년 전

아이디는 원래 하나만 있어야해요 ㅎㅎ

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

인찌
3년 전
그럼 class 사용해서 하면 될까요~?
폭주죽
3년 전
[code]
<span class="process_txt">aa</span>
<span class="process_txt">bb</span>
<span class="process_txt">cc</span>
<span class="process_txt">dd</span>
<span class="process_txt">ee</span>
<span class="process_txt">ff</span>
<script>
var tmp = document.querySelectorAll('.process_txt');
for (var i = 0;i < tmp.length;i++) {
console.log(tmp[i].innerHTML);
}
</script>
[/code]
참고하세요~

댓글을 작성하려면 로그인이 필요합니다.

감사합니다 도움되었습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

반복문을 돌려야되요 

proCess.forEach(()=> {

});

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

인찌
3년 전
이건 안되네요ㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인