js中的动态集合-nodeList,HTMLCollection,nameNodeMap

动态集合是指dom结构的变化能够自动的反应到所保存的对象中

nodeList:成员是节点对象

1 .他的实例对象是一个类数组对象,他的成员是节点对象,包括childNodes和querySelectorAll()方法的返回值。
2 .querySelectorAll()返回的是静态集合NodeStaticList
3 .nodeList并不是真正的数组对象,可以使用slice()方法将其变成真正的数组。

HTMLCollection:前面那个是node节点的集合,而这个是Element元素节点的集合,node节点有12种,这个只是其中的一种。

1 .getElementByTagName(),getElementByClassName(),getElementByName(),children,document.links,document.forms等元素。
2 .所有的HTMLCollection对象都是动态的。
3 .要想变成真正的数组,必须使用slice()方法,在ie8中,必须手动枚举所有成员。

NamedNodeMap:该对象常见的实例对象是attributes属性。

1 .该对象也是一个动态集合。

注意

1 .动态集合是个很实用的概念,但是在使用的时候必须小心,可能会因为忽略集合的动态性,造成死循环。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、基本概念 1.1、DOM DOM是JS操作网页的接口,全称为“文档对象模型”(Document Object ...
    周花花啊阅读 3,252评论 0 6
  • 本章内容 理解包含不同层次节点的 DOM 使用不同的节点类型 克服浏览器兼容性问题及各种陷阱 DOM 是针对 HT...
    闷油瓶小张阅读 706评论 0 1
  • 实际前端开发工作中,我们经常会遇到要获取某些元素,以达到更新该元素的样式、内容等目的。而文档对象模型 (DOM) ...
    _Dot912阅读 2,024评论 0 8
  • 一个人走的快,一群人走的远。 回想这些年,想学的技能想做的事情很多,但是做成的很少,主要原因是“操作系统”落后;没...
    小苏_苏阿胖阅读 375评论 0 4
  • 朋友想学习 如何化生活妆 我认真备课 来 让我们认识生活妆 清新 自然 提升气质 还有吗? 继续讲 生活妆让我们...
    美生活阅读 308评论 7 3