Uncaught TypeError: Cannot set property ‘onmouseover‘ of undefined（数组越界问题）

最新推荐文章于 2023-11-10 11:08:57 发布

前端交互仔

最新推荐文章于 2023-11-10 11:08:57 发布

阅读量446

点赞数

原文链接：http://www.liangshunet.com/ca/201406/984360663.htm

版权

JavaScript 数组越界函数调用 for循环变量管理

关键词由CSDN通过智能技术生成

如果调用函数的过程中数组越界就会报错。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      window.onload = function () {
        for (i = 0; i < 10; i++) {
          console.log(i);
        }
        name1 = document.getElementsByTagName("li");
        console.log(name1.length);
        for (var num = 0; num < name1.length; num++) {
          console.log(num);
          name1[num].style.color = "red";
        }
        console.log(i);
        say(5);
      };
      function say(num) {
        console.log("111");
        if (num == 5) {
          console.log("1111");
          //你kin你擦，for循环的执行顺序都忘记了，害自己找了半天 执行完成里面的再i++再比较，所以最后j还是可以为3,但是为3的时候不会执行里面的内容。
          for (var j = 0; j < 3; j++) {
            // alert("nihao");
            console.log(j);
          }
          name1[3].onmouseover = function () {
            console.log(this.innerHTML);
          };
        }
        console.log("hhhh");
        console.log(name1[0]);
        console.log(name1[1]);
        console.log(name1[2]);
        console.log(name1[3]);
        console.log(name1[7]);
      }
    </script>
  </head>
  <body>
    <ul>
      <li>ni</li>
      <li>hao</li>
      <li>shi</li>
      <li>jie</li>
    </ul>
  </body>
</html>

在这里插入图片描述
http://www.liangshunet.com/ca/201406/984360663.htm

前端交互仔

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Uncaught TypeError: Cannot set property ‘onmouseover‘ of undefined（数组越界问题）

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl
复制链接

扫一扫