-
childNodes
在JavaScript中，使用childNodes屬性可以返回一個數組，這個數組包含給定元素節點的全體子節點。
-
firstChild
firstChild 這句代碼等價於 目標元素節點下的子元素節點數組[0];
目標元素節點.childNodes[0] 這句代碼等價於 目標元素節點.firstChild;
-
lastChild
lastChild 這句代碼等價於 目標元素節點下的子元素節點數組[目標元素節點下的子元素節點數組.length-1]
目標元素節點.childNodes[目標元素節點.childNodes.length-1]=目標元素節點.lastChild;
01 <body> 02 <ul id="action"> 03 <li title="第一段文字">第一個</li> 04 <li title="第二段文字">第二個</li> 05 </ul> 06 <script type="text/javascript"> 07 var attr_p = document.getElementById("action"); 08 alert(attr_p.childNodes[1].childNodes[0].nodeValue); 09 </script> 10 </body>
如果要取得id為action的ul的第一個li內的文本節點（如取得：第一個），可以使 用…childNodes[1].childNodes[0].nodeValue這種方法找到，使 用…childNodes[1].firstChild.nodeValue同樣可以找到第一個li的文本節點，
結論childNodes[0]等價於firstChild，無論何時何地，重要需要訪問childNodes[]數組的第一個元素，我們就可以把它寫成firstChild，DOM還提供一個與之對應的lastChild屬性。