ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

NodeList ,HTMLCollection

2021-01-12 18:06:31  阅读:188  来源: 互联网

标签:返回 遍历 NodeList HTMLCollection prototype 节点


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

 

 

 

标签:返回,遍历,NodeList,HTMLCollection,prototype,节点
来源: https://blog.csdn.net/qq_39342118/article/details/112537396

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有