NodeList ,HTMLCollection

1.节点都是单个对象,DOM 提供两种节点集合NodeListHTMLCollection,用于容纳多个节点。

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

 

 

 

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值