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

NodeList的[]操作符

1. 同item接口，可以通过索引值获取元素。例如, nodelist[0]。

2. 同namedItem接口，可以通过id或name获取集合中的元素。例如，nodelist['name']。
   

实时对象

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);

来源：oschina

链接：https://my.oschina.net/u/179957/blog/379510