問題描述

<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節(jié)點，還有l(wèi)ength,item(),namedItem() 。所以運行到length時就報錯了。 你可以在循環(huán)中打印出 ulArry[i]看看

看圖可以知道為什么報錯，但是至于為什么 in 里面會有一個length 這個i值 得等大神解答

把代碼放到$(function(){})里試試

for in會報錯 for不會，第二個ul的class不僅僅是一個哦，有兩個，建議getElementsByTagName

請在確定文檔加載完后再操作