(86)Wangdao.com第十九天_JavaScript

Posted 我即狂澜,且力不可挽

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了(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>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

以上是关于(86)Wangdao.com第十九天_JavaScript的主要内容,如果未能解决你的问题,请参考以下文章

(94)Wangdao.com_第二十七天_键盘事件

(92)Wangdao.com_第二十五天_事件 Event

(95)Wangdao.com_第二十八天_进度事件

(89)Wangdao.com第二十二天_JavaScript DocumentFragment 节点

第十九天:类和对象

Python 基础第十六---十九天(面向对象初识)