訪問子節(jié)點childNodes 的相關(guān)問題
代碼部分如下:
<body>
<div>
? javascript ?
? <p>javascript</p>
? <div>jQuery</div>
? <h5>PHP</h5>
</div>
<script type="text/javascript">
?var x=document.getElementsByTagName("div")[0].childNodes;
?for(var i=0;i<x.length;i++)
?{
? ? ?document.write("第"+(i+1)+"個節(jié)點的名稱是:"+x[i].nodeName+"<br />");
? ? ?document.write("第"+(i+1)+"個節(jié)點的值是:"+x[i].nodeValue+"<br />");
? ? ?document.write("第"+(i+1)+"個節(jié)點的類型是:"+x[i].nodeType+"<br />");
?}
?
?
</script>
</body>
本人是新手自學(xué),請大神們給解釋的詳細(xì)一些:
我不明的地方:var x=document.getElementsByTagName("div")[0].childNodes;
這行代碼的意思是 找到類標(biāo)簽“<div>”保存到數(shù)組x中,但是為什么要加[0],加[0]的意義是什么,難道是從x數(shù)組中第一個元素開始的意思嗎?
麻煩大神了給詳細(xì)講解下 不勝感謝!
2017-06-27
正如你所說,document.getElementsByTagName("div")是找到代碼中所有的div元素節(jié)點,這段代碼里面有兩個div,下標(biāo)分別是0和1。document.getElementsByTagName("div")[0].childNodes是下標(biāo)為0的div元素里面所有的子節(jié)點,有一個文本節(jié)點,三個元素節(jié)點。若是你把那個0改為1的話那就只有一個文本節(jié)點了。
2017-06-16
剛看到的:[0]表示數(shù)組的第一個元素,放在這段代碼里就是獲取第一個div元素,因為一段js代碼中可能不止一個div元素。希望能幫到你!
2017-06-16
我也是不懂為什么要加[0],剛發(fā)的問題,在線等!
2017-06-09
var x=document.getElementsByTagName("div")返回的應(yīng)該是這個頁面上所有的<div>,是個集合或者數(shù)組吧,然后,var x=document.getElementsByTagName("div")[0].childNodes就是獲取數(shù)組第一一個元素,也就是第一個<div>標(biāo)簽下的所有子節(jié)點。是這樣理解嗎
2017-05-25
sorry啊,我明白了,var x=document.getElementsByTagName("div")[0].childNodes; 這個x數(shù)組中有兩個元素,我們的目的是要第一個元素下的所有子節(jié)點! ?額。。。自問自答了!
2017-05-25
在線等~~~~!