Javascript가 <li> 목록을 반복하고 이벤트 (onitemclick) 처리기가 작동하지 않는 이유는 무엇입니까?

user2396866

이 연습에서 내 임무는 누군가가 항목을 클릭 할 때마다 목록에있는 li 항목의 "done"속성을 토글하는 것입니다. 다른 방법을 찾았지만이 방법은 저에게 효과가 없었고 그 이유를 이해하고 싶습니다. 내 코드에 어떤 문제가 있습니까? 그런 핸들러를 할당하는 것이 가능하지 않거나 내 코드의 다른 것이 잘못되었을 수 있습니까?

var liList = document.querySelectorAll("li");
for (var i = 0; i < liList.length; ++i){
    liList[i].onItemClick = function() {
    liList[i].classList.toggle("done");
    }
}
<ul>
   <li>Notebook</li>
   <li>Jello</li>
   <li>Spinach</li>
   <li>Rice</li>
   <li>Birthday Cake</li>
   <li>Candles</li>
</ul>

다니 얄
var liList = document.querySelectorAll("li");

for (var i = 0; i < liList.length; ++i){
    liList[i].addEventListener("click", function() {
        this.classList.toggle("done");
    });
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Related 관련 기사

뜨겁다태그

보관