Javascript遍历<li>列表并分配事件(onitemclick)处理程序不起作用-为什么?

用户名

在此练习中,我的任务是每当有人单击时,切换列表中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条评论
登录后参与评论

相关文章

来自分类Dev

Javascript事件处理程序-为什么起作用?

来自分类Dev

删除JavaScript事件:为什么此示例不起作用?

来自分类Dev

为什么我的JavaScript验证程序不起作用?

来自分类Dev

Javascript事件处理程序不起作用

来自分类Dev

JavaScript事件处理程序不起作用

来自分类Dev

为什么javascript函数不起作用?

来自分类Dev

Javascript 代码不起作用。为什么?

来自分类Dev

遍历单个链表不起作用为什么?

来自分类Dev

为什么此DOM遍历不起作用?

来自分类Dev

为什么我的.pagnation li add active在第1页上不起作用?

来自分类Dev

当我具有触摸事件处理程序时,为什么我的鼠标事件处理程序不起作用?

来自分类Dev

为什么悬停在委托事件处理程序中不起作用?

来自分类Dev

为什么在JavaScript中分配Infinity不会引发错误,但不起作用?

来自分类Dev

JavaScript按钮事件处理程序不起作用

来自分类Dev

为什么遍历列表是线性时间?

来自分类Dev

为什么我的信号处理程序不起作用?

来自分类Dev

为什么XUL负载处理程序不起作用?

来自分类Dev

为什么我的信号处理程序不起作用?

来自分类Dev

为什么img上的onclick处理程序不起作用?

来自分类Dev

为什么我的 javascript 嵌入在我的 HTML 中以随机化列表不起作用?

来自分类Dev

为什么我的涉及if语句的JavaScript计算不起作用?

来自分类Dev

为什么window.onresize不起作用?(javascript / jquery)

来自分类Dev

为什么此javascript regex文字不起作用?

来自分类Dev

为什么这个javascript装饰功能不起作用?

来自分类Dev

为什么我的Javascript修剪功能不起作用?

来自分类Dev

为什么此Javascript在Firefox中不起作用?

来自分类Dev

为什么onMouseOver操作在javaScript中似乎不起作用?

来自分类Dev

为什么我的dropzone JavaScript表单不起作用?

来自分类Dev

为什么此JavaScript mousemove函数不起作用?

Related 相关文章

  1. 1

    Javascript事件处理程序-为什么起作用?

  2. 2

    删除JavaScript事件:为什么此示例不起作用?

  3. 3

    为什么我的JavaScript验证程序不起作用?

  4. 4

    Javascript事件处理程序不起作用

  5. 5

    JavaScript事件处理程序不起作用

  6. 6

    为什么javascript函数不起作用?

  7. 7

    Javascript 代码不起作用。为什么?

  8. 8

    遍历单个链表不起作用为什么?

  9. 9

    为什么此DOM遍历不起作用?

  10. 10

    为什么我的.pagnation li add active在第1页上不起作用?

  11. 11

    当我具有触摸事件处理程序时,为什么我的鼠标事件处理程序不起作用?

  12. 12

    为什么悬停在委托事件处理程序中不起作用?

  13. 13

    为什么在JavaScript中分配Infinity不会引发错误,但不起作用?

  14. 14

    JavaScript按钮事件处理程序不起作用

  15. 15

    为什么遍历列表是线性时间?

  16. 16

    为什么我的信号处理程序不起作用?

  17. 17

    为什么XUL负载处理程序不起作用?

  18. 18

    为什么我的信号处理程序不起作用?

  19. 19

    为什么img上的onclick处理程序不起作用?

  20. 20

    为什么我的 javascript 嵌入在我的 HTML 中以随机化列表不起作用?

  21. 21

    为什么我的涉及if语句的JavaScript计算不起作用?

  22. 22

    为什么window.onresize不起作用?(javascript / jquery)

  23. 23

    为什么此javascript regex文字不起作用?

  24. 24

    为什么这个javascript装饰功能不起作用?

  25. 25

    为什么我的Javascript修剪功能不起作用?

  26. 26

    为什么此Javascript在Firefox中不起作用?

  27. 27

    为什么onMouseOver操作在javaScript中似乎不起作用?

  28. 28

    为什么我的dropzone JavaScript表单不起作用?

  29. 29

    为什么此JavaScript mousemove函数不起作用?

热门标签

归档