NodeList ,HTMLCollection
作者:互联网
1.节点都是单个对象,DOM 提供两种节点集合NodeList
和HTMLCollection,
用于容纳多个节点。
2.NodeList
可以包含各种类型的节点,HTMLCollection
只能包含 HTML 元素节点。
3.NodeList
实例是一个类似数组的对象,它的成员是节点对象。通过以下方法可以得到NodeList
实例。
Node.childNodes
document.querySelectorAll()
等节点搜索方法
3.NodeList.prototype.length属性返回 NodeList 实例包含的节点数量。
4.NodeList.prototype.forEach()
方法用于遍历 NodeList 的所有成员。它接受一个回调函数作为参数,每一轮遍历就执行一次这个回调函数。
5.NodeList.prototype.item()
方法接受一个整数值作为参数,表示成员的位置,返回该位置上的成员。
6.这三个方法都返回一个 ES6 的遍历器对象,可以通过for...of
循环遍历获取每一个成员的信息。
- NodeList.prototype.
keys()
返回键名的遍历器。 - NodeList.prototype.
values()
返回键值的遍历器。 - NodeList.prototype.
entries()
返回的遍历器同时包含键名和键值的信息。
7.HTMLCollection的返回值是一个类似数组的对象,但是与NodeList
接口不同,HTMLCollection
没有forEach
方法,只能使用for
循环遍历。
8.HTMLCollection.prototype.length
属性返回HTMLCollection
实例包含的成员数量。
9.HTMLCollection.prototype.item()
方法接受一个整数值作为参数,表示成员的位置,返回该位置上的成员。
10.HTMLCollection.prototype.namedItem()
方法的参数是一个字符串,表示id
属性或name
属性的值,返回对应的元素节点。如果没有对应的节点,则返回null
。
标签:返回,遍历,NodeList,HTMLCollection,prototype,节点 来源: https://blog.csdn.net/qq_39342118/article/details/112537396