JS DOM HTMLCollection 對(duì)象

HTMLCollection對(duì)象

HTMLCollection對(duì)象表示元素（按文檔順序）的通用集合(類似數(shù)組的對(duì)象，類似于參數(shù))，并提供用于從列表中進(jìn)行選擇的方法和屬性。

HTML DOM中的HTMLCollection是實(shí)時(shí)的；當(dāng)基礎(chǔ)文檔更改時(shí)，它會(huì)自動(dòng)更新。

諸如getElementsByTagName()之類的方法將返回HTMLCollection。

HTMLCollection屬性和方法

下表列出了HTMLCollection對(duì)象的屬性和方法：

示例

此示例返回一個(gè)HTMLCollection：

// 返回所有<p>的集合文檔中的元素
var x = document.getElementsByTagName("p");

更改此文檔的第一個(gè)<p>元素的HTML內(nèi)容：

var x = document.getElementsByTagName("p");
x.item(0).innerHTML = "HELLO WORLD";

找出文檔中有多少<p>個(gè)元素：

var len = document.getElementsByTagName("p").length;

獲取ID為“ demo”的<p>元素的內(nèi)容：

var x = document.getElementsByTagName("p").namedItem("demo");
document.getElementById("output").innerHTML = x.innerHTML;

也可以使用簡(jiǎn)寫方法，它將產(chǎn)生相同的結(jié)果：

var x = document.getElementsByTagName("p")["demo"];
document.getElementById("output").innerHTML = x.innerHTML;