为什么无输出

image.png

依次点击li标签,但是控制台无输出,怎么回事??? 是什么原因啊,求解答

阅读 1.8k
2 个回答
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
  </head>
  <body>
    <ul>
      <li>哈哈哈哈哈哈哈哈哈</li>
      <li>哈哈哈哈哈哈哈哈哈</li>
      <li>哈哈哈哈哈哈哈哈哈</li>
      <li>哈哈哈哈哈哈哈哈哈</li>
      <li>哈哈哈哈哈哈哈哈哈</li>
      <li>哈哈哈哈哈哈哈哈哈</li>
      <li>哈哈哈哈哈哈哈哈哈</li>
      <li>哈哈哈哈哈哈哈哈哈</li>
    </ul>
  </body>
  <script>
    const list = document.getElementsByTagName("li");
    for (let i = 0; i < list.length; i++) {
      // list[i].addEventListener("click", function() {
      //   console.log(i);
      // });
      list[i].onclick = function() {
        console.log(i);
      };
    }
  </script>
</html>

两种方法都正常打印 i 啊....

代码看上去是正确的

那么考虑一下是不是控制台的问题。

  1. console.log 换成 alert
  2. 如果 1 显示了出来,那么考虑是不是控制台加了过滤

    1. image.png
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题