<ul class="ul"><li>red</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
<ul class="ul ul-2"><li>red</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
<script type="text/javascript">
var ulArry = document.getElementsByClassName("ul");
for (var i in ulArry) {
ulArry[i].firstChild.style.color = "#FF0000";
}
</script>
Die Farbe von li hat sich geändert, aber warum meldet die Konsole immer noch einen Fehler?
ulArry是NodeList对象,for in获取到的不只是两个Dom节点,还有length,item(),namedItem() 。所以运行到length时就报错了。
你可以在循环中打印出 ulArry[i]看看
看图可以知道为什么报错,但是至于为什么 in 里面会有一个length 这个i值 得等大神解答
把代码放到$(function(){})里试试
for in会报错 for不会,第二个ul的class不仅仅是一个哦,有两个,建议getElementsByTagName
请在确定文档加载完后再操作