JS DOM HTMLCollection-Objekt

HTMLCollection对象

HTMLCollection对象表示元素（按文档顺序）的通用集合（类似数组的对象，类似于参数），并提供用于从列表中进行选择的方法和属性。

HTML DOM中的HTMLCollection是实时的；当基础文档更改时，它会自动更新。

诸如getElementsByTagName()之类的方法将返回HTMLCollection。

下表列出了HTMLCollection对象的属性和方法：

属性/方法	描述
item()	返回HTMLCollection中指定索引处的元素
length	返回HTMLCollection中的元素数量
namedItem()	返回具有指定ID或名称的元素HTMLCollection

此示例返回一个HTMLCollection：

Beispiel

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

Ändern Sie den HTML-Inhalt des ersten <p>-Elements in diesem Dokument:

Beispiel

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

Ermitteln Sie, wie viele <p>-Elemente im Dokument vorhanden sind:

Beispiel

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

Inhalte des <p>-Elements mit der ID "demo" abrufen:

Beispiel

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

Es kann auch eine Kurzform verwendet werden, die dasselbe Ergebnis erzeugt:

Beispiel

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