(86)Wangdao.com第十九天_JavaScript
阿新 • • 發佈:2018-11-09
ParentNode 介面,ChildNode 介面
節點物件除了繼承 Node 介面以外,還會繼承其他介面。
ParentNode 介面
表示當前節點是一個父節點,提供一些處理子節點的方法。
ChildNode 介面
表示當前節點是一個子節點,提供一些相關方法。
- ParentNode 介面
- 如果當前節點是父節點,就會繼承ParentNode介面。
- 由於只有元素節點(element)、文件節點(document)和文件片段節點(documentFragment)擁有子節點
- 因此只有這三類節點會繼承 ParentNode 介面。
- 如果當前節點是父節點,就會繼承ParentNode介面。
-
- ParentNode.children 屬性
- 成員是當前節點的所有元素子節點,返回一個HTMLCollection例項。
- 該屬性只讀。
- 只包括元素節點。
- 如果沒有元素型別的子節點,返回值 HTMLCollection 例項的 length 屬性為 0 。
- 下面是遍歷某個節點的所有元素子節點的示例。
for (var i = 0; i < el.children.length; i++) {
- 下面是遍歷某個節點的所有元素子節點的示例。
- HTMLCollection 是動態集合,會實時反映 DOM 的任何變化
- ParentNode.children 屬性
-
- ParentNode.firstElementChild 屬性
- 返回當前節點的第一個元素子節點。如果沒有任何元素子節點,則返回 null
-
document.firstElementChild.nodeName // "HTML" document 節點的第一個元素子節點是<HTML>
- ParentNode.firstElementChild 屬性