(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>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

猜你喜欢

转载自www.cnblogs.com/tianxiaxuange/p/9821309.html