一、firstChild
屬性返回‘childNodes’數(shù)組的第一個子節(jié)點(diǎn)。如果選定的節(jié)點(diǎn)沒有子節(jié)點(diǎn),則該屬性返回 NULL。
語法:
node.firstChild
說明:與elementNode.childNodes[0]是同樣的效果。
二、 lastChild
屬性返回‘childNodes’數(shù)組的最后一個子節(jié)點(diǎn)。如果選定的節(jié)點(diǎn)沒有子節(jié)點(diǎn),則該屬性返回 NULL。
語法:
node.lastChild
說明:與elementNode.childNodes[elementNode.childNodes.length-1]是同樣的效果。
注意: 上一節(jié)中,我們知道Internet Explorer 會忽略節(jié)點(diǎn)之間生成的空白文本節(jié)點(diǎn),而其它瀏覽器不會。我們可以通過檢測節(jié)點(diǎn)類型,過濾子節(jié)點(diǎn)。 (以后章節(jié)講解)
試一試,找到指定元素(div)的第一個和最后一個子節(jié)點(diǎn)。
1. 第15行輸出指定元素(div)的第一個子節(jié)點(diǎn)。
2. 第16行輸出指定元素(div)的最后一個子節(jié)點(diǎn)。
3. 也許結(jié)果和你想象的不一樣,試著調(diào)整代碼,輸出正確代碼。
1. document.write(x.firstChild.nodeName+"<br>");
2. document.write(x.lastChild.nodeName+"<br>");
3. 將 HTML 調(diào)整成 <div><p>javascript</p><div>jQuery</div><h5>PHP</h5></div>
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報