訪問選定元素節點下的所有子節點的列表，返回的值可以看作是一個數組，他具有length屬性。
語法：
elementNode.childNodes
注意：
如果選定的節點沒有子節點，則該屬性返回不包含節點的 NodeList。
我們來看看下面的代碼:
運行結果:
IE:
UL子節點個數:3 節點類型:1
其它瀏覽器:
UL子節點個數:7 節點類型:3
注意:
1. IE全系列、firefox、chrome、opera、safari兼容問題
2. 節點之間的空白符，在firefox、chrome、opera、safari瀏覽器是文本節點，所以IE是3，其它瀏覽器是7，如下圖所示:
如果把代碼改成這樣:
<ul><li>javascript</li><li>jQuery</li><li>PHP</li></ul>
運行結果:（IE和其它瀏覽器結果是一樣的）
UL子節點個數:3 節點類型:1
試一試，在script標簽內，獲取子節點，并輸出相應屬性。
1. 獲取第一個DIV的子節點。
2. 使用for遍歷每個節點。
3. 輸出相應節點的屬性。
注意: 輸出內容可能和想的內容不同，想想為什么。
1. 使用getElementsByTagName與childNodes
2. 因為獲取的孩子節點是一個數組，所以使用for循環。
3. 輸出節點屬性，nodeName、nodeType、nodeValue。
var x=document.getElementsByTagName("div")[0].childNodes;
for(i=0;i<x.length;i++){
document.write("節點類型:"+x[i].nodeName+x[i].nodeType+x[i].nodeValue+"<br>");}
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報