美文网首页
【DOM】DOM 中 HTMLCollection与NodeL

【DOM】DOM 中 HTMLCollection与NodeL

作者: 动感超逗 | 来源:发表于2018-08-21 16:29 被阅读10次

HTMLCollection与NodeList

获取子节点或者子元素时出现HTMLCollection与NodeList;
NodeList 对象代表一个有顺序的节点列表(包括元素节点,文本节点,注释节点),
HTMLCollection 是一个接口,表示 HTML 元素的集合,它提供了可以遍历列表的方法和属性;

相似性

  • 都是类数组对象,都有length属性,可以通过for循环迭代

  • 都是只读的

  • 都是实时的,即文档的更改会立即反映到相关对象上面(有一个例外,document.querySelectorAll返回的NodeList不是实时的)

  • 都有item()方法,可以通过item(index)或item("id")获取元素

不同点在于

  • HTMLCollection对象具有namedItem()方法,可以传递id或name获得元素

  • HTMLCollection的item()方法和通过属性获取元素(document.forms.f1)可以支持id和name,而NodeList对象只支持id

相关文章

  • 【DOM】DOM 中 HTMLCollection与NodeL

    HTMLCollection与NodeList 获取子节点或者子元素时出现HTMLCollection与NodeL...

  • DOM - NodeList、HTMLCollection和Na

    DOM - NodeList、HTMLCollection和NamedNodeMap NodeList: chil...

  • JavaScript进阶教程-2.call apply 表格排序

    关于函数、原型、dom、this的深入理解 原型深入 dom获取元素通过标签获取来的是HtmlCollection...

  • HTMLCollection对象

    HTMLCollection是什么:它是HTML DOM对象的一个接口,这个接口包含了获取到的DOM元素集合,返回...

  • JavaScript HTMLCollection和NodeLi

    DOM的元素集合和节点列表 HTMLCollection对象 我们通过DOM查找HTML元素的时候,经常会用到ge...

  • DOM-NodeList

    NodeList及其“近亲”NamedNodeMap和HTMLCollection,是从整体上透彻理解DOM的关键...

  • DOM—NodeList接口,HTMLCollection接口

    节点都是单个对象,有时需要一种数据结构,能够容纳多个节点。DOM 提供两种节点集合,用于容纳多个节点:NodeLi...

  • NodeList与HTMLCollection

    NodeList与HTMLCollection都是DOM获取节点的集合时所返回的对象,它们存在着一些相同点和不同点...

  • DOM事件

    DOM级别与DOM事件 DOM级别:DOM0级、DOM1级、DOM2级、DOM3级DOM事件:DOM0级事件处理、...

  • DOM事件

    DOM级别与DOM事件 DOM级别:DOM0级,DOM1级,DOM2级和DOM3级DOM事件:DOM0级事件处理,...

网友评论

      本文标题:【DOM】DOM 中 HTMLCollection与NodeL

      本文链接:https://www.haomeiwen.com/subject/erejiftx.html