大家好,欢迎来到IT知识分享网。
Cannot set property ‘className’ of undefined 解决思路其一
使用了超出数组长度的下标
介绍
今天在帮别人调试js的时候,出现了个很奇怪的错误。
Cannot set property 'className' of undefined
再看一下代码:
var div = document.getElementById("rm"); //获取div
var ul = div.getElementsByTagName("ul")[0]; //一个节点
var lis = ul.getElementsByTagName("li"); //数组
var divs = div.getElementsByTagName("div"); //数组
for (var i = 0; i < lis.length; i++) {
lis[i].index = i;
lis[i].onclick = function() {
for (var j = 0; j < lis.length; j++) {
lis[j].className = "off1";
divs[j].className = "hide1";
}
divs[this.index].className = "show1";
}
}
运行之后报错
思路
- 首先,我们把 lis 和 divs 的 lenght(长度) 打印出来。
lis 的长度为 4 ,divs 的长度为 3 ,并且他们的 下标 都从 0 开始。
好了,我们在看一下报错的那一行代码
for (var j = 0; j < lis.length; j++) {
lis[j].className = "off1";
divs[j].className = "hide1";
}
在这里可以看到 for循环 的判断条件是 j < lis.length ,这说明了 j 的值可以增加到 3 ,而divs集合的值最大为 2 。到这里为止,已经找到了问题的所在。
divs[j] 超出长度。
总结
- 在这个问题中,出错的 原因 是因为 divs 的长度只有 3 ,但是在循环中却给 divs 循环赋值了 4 次
结语
记录一下一些比较常见的问题,方便自己复习,在 Javascript 中,有很多问题都有共同点,即使这篇文章不适合你,也希望这个思路能帮助到你,如果文章有错,欢迎大家指正。
一个喜欢编程世界的小白记……
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/26492.html