首页 > 编程语言 > 详细

(86)Wangdao.com第十九天_JavaScript

时间:2018-10-20 13:14:04      阅读:200      评论:0      收藏:0      [点我收藏+]

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>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

(86)Wangdao.com第十九天_JavaScript

原文:https://www.cnblogs.com/tianxiaxuange/p/9821309.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!