JS DOM HTMLCollection 객체

HTMLCollection对象

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

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

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

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

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

此示例返回一个HTMLCollection：

예제

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

이 문서의 첫 번째 <p> 요소의 HTML 내용을 변경하세요:

예제

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

문档에 있는 <p> 요소의 개수를 찾아보세요:

예제

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

ID가 "demo"인 <p> 요소의 내용을 가져오기:

예제

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

간단한 방법도 사용할 수 있으며, 동일한 결과를 얻을 수 있습니다:

예제

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