Uncaught TypeError: Cannot set property ‘className’ of undefined 解决思路[亲测有效]

Uncaught TypeError: Cannot set property ‘className’ of undefined 解决思路[亲测有效]Cannotsetproperty’className’ofundefined解决思路其一’className’报错的原因思路总结结语‘className’报错的原因今天在帮别人调试js的时候,出现了个很奇怪的错误。Cannotsetproperty’className’ofundefined再看一下代码: vardiv=document.getElem…

大家好,欢迎来到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";
		}
	}

运行之后报错
运行显示'className未定义'

思路

  1. 首先,我们把 lisdivslenght(长度) 打印出来。
    长度不一致
    lis 的长度为 4divs 的长度为 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] 超出长度

总结

  1. 在这个问题中,出错的 原因 是因为 divs 的长度只有 3 ,但是在循环中却给 divs 循环赋值了 4

结语

记录一下一些比较常见的问题,方便自己复习,在 Javascript 中,有很多问题都有共同点,即使这篇文章不适合你,也希望这个思路能帮助到你,如果文章有错,欢迎大家指正。

一个喜欢编程世界的小白记……

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/26492.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信