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