关于js报错Cannot set properties of undefined (setting ‘innerHTML‘)的问题

这个问题的意思是无法设置未定义的属性(设置“innerHTML”)

例如下面这段代码

var rows = tbody.rows;
 console.log(rows[0].cells[0].innerText);
 for(var i=0;i<rows.length;i++){
    for(var j=0;j<rows[i].cells.length;j++){
      rows[i].cells[j].onmouseover = function(){
        console.log(rows[i].cells[j].innerHTML); 
      }
    }
 }

该代码是获取table表格中的tr中的td;然后通过绑定鼠标进入事件,当鼠标进入td时触发事件;其运行结果如下:

关于js报错Cannot set properties of undefined (setting ‘innerHTML‘)的问题

 原因:是因为rows[i]的问题,外循环使用var 声明变量,为局部变量,只能在外循环中使用

解决办法:将var声明变量该为用let声明变量,就可以解决了

关于js报错Cannot set properties of undefined (setting ‘innerHTML‘)的问题

 运行如下:

关于js报错Cannot set properties of undefined (setting ‘innerHTML‘)的问题

 成功获取了table里面的td

上一篇:获取元素偏移量和一些案例


下一篇:JavaScript 仿淘宝购物车案例