NodeList 和 HTMLCollection

NodeList

  1. 类数组对象

  2. 代表节点的集合

  3. 部分浏览器为NodeList加入了namedItem接口。

  4. 规范: http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#ID-536297177

HTMLCollection

  1. 类数组对象

  2. 代表HTML元素的集合

  3. 可以使用namedItem接口,以id(优先)或name获取集合中的元素。

  4. 规范: http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-75708506

实时对象

  1. 实时对象的意思是,文档内容的变化会立即体现在对象上。

  2. document.getElementsByName, document.getElementsByClassName, document.getElementsByTagName,  document.getElementsByTagNameNS 返回的是实时对象

  3. document.links, document.forms, document.images, document.scripts, document.styleSheets 返回的是实时对象

  4. document.querySelectorAll 返回的不是实时对象

转化为数组

var collections = document.getElementsByTagName("div");
var newArr = Array.prototype.slice.call(collections);


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。