03-NodeList接口和HTMLCollection接口

nobility 发布于 2022-09-06 03-DOM 637 次阅读


NodeList接口和HTMLCollection接口

都是存储多个节点的数据结构,主要区别是NodeList可以包含各种类型的节点,HTMLCollection只能包含HTML元素节点

NodeList接口

Node.prototype.childNodes属性和ParentNode.querySelectorAll(selector)方法获得的节点集合就是这种数据结构

该集合是一个伪数组结构,拥有length属性和数组下标,同时还拥有数组的forEach()方法和ES6的遍历接口,若还想使用其他数组的方法就需要将该集合转化为真正的数组

HTMLCollection接口

ParentNode.children属性、document对象的集合属性和部分document选择器方法获得的节点集合就是这种数据结构

该集合是一个伪数组结构,拥有length属性和数组下标,此外没有数组的任何方法,若想使用数组方法就需要将该集合转化成真正的数组,但是拥有一个特殊的取得元素的方法

方法名 描述
HTMLCollection.prototype.namedItem(id) 返回具有该idname值的元素
加油啊!即便没有转生到异世界,也要拿出真本事!!!\(`Δ’)/
最后更新于 2022-09-06