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