이 연습에서 내 임무는 누군가가 항목을 클릭 할 때마다 목록에있는 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] 삭제
몇 마디 만하겠습니다