1. 程式人生 > >(86)Wangdao.com第十九天_JavaScript

(86)Wangdao.com第十九天_JavaScript

ParentNode 介面,ChildNode 介面

節點物件除了繼承 Node 介面以外,還會繼承其他介面。

ParentNode 介面

表示當前節點是一個父節點,提供一些處理子節點的方法。

ChildNode 介面

表示當前節點是一個子節點,提供一些相關方法。

 

  • ParentNode 介面
    • 如果當前節點是父節點,就會繼承ParentNode介面。
      • 由於只有元素節點(element)、文件節點(document)和文件片段節點(documentFragment)擁有子節點
      • 因此只有這三類節點會繼承 ParentNode 介面。

 

    • ParentNode.children 屬性
      • 成員是當前節點的所有元素子節點,返回一個HTMLCollection例項。
      • 該屬性只讀。
      • 只包括元素節點。
      • 如果沒有元素型別的子節點,返回值 HTMLCollection 例項的 length 屬性為 0 。
        • 下面是遍歷某個節點的所有元素子節點的示例。
          for (var i = 0; i < el.children.length; i++) {
              
          // ... }

           

      • HTMLCollection 是動態集合,會實時反映 DOM 的任何變化

 

    • ParentNode.firstElementChild 屬性
      • 返回當前節點的第一個元素子節點。如果沒有任何元素子節點,則返回 null 
      • document.firstElementChild.nodeName    // "HTML"    document 節點的第一個元素子節點是<HTML>