javascript - JS代码编译成功，但是控制台报错，是什么问题？

问题描述

问 题

<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>

li的颜色已经改变了，但是为什么控制台还报错？

解决方案

ulArry是NodeList对象，for in获取到的不只是两个Dom节点，还有length,item(),namedItem() 。所以运行到length时就报错了。
你可以在循环中打印出 ulArry[i]看看

这篇关于javascript - JS代码编译成功，但是控制台报错，是什么问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！