HTML DOM 길이 속성
예시
문서에 몇 개의 <p> 요소가 있는지 확인하십시오.
var nodelist = document.getElementsByTagName("P").length;
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
length 속성은 NodeList 개체의 노드 수를 반환합니다.
Node 객체의 자식 노드 컬렉션은 NodeList 객체의 한 예입니다.
length 속성은 노드 목록의 노드를 반복할 때 유용합니다(아래 "추가 예제" 참조).
이 속성은 읽기 전용입니다.
팁: item() 메서드를 사용 하여 NodeList 객체의 지정된 인덱스에 있는 노드를 반환합니다.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
length | Yes | Yes | Yes | Yes | Yes |
통사론
nodelist.length
기술적 세부 사항
반환 값: | 노드 목록의 노드 수를 나타내는 숫자 |
---|---|
DOM 버전 | 핵심 레벨 1 노드 목록 개체 |
더 많은 예
예시
<div> 요소 내부에 몇 개의 <p> 요소가 있는지 확인하십시오.
var div = document.getElementById("myDIV"); // Get the <div> element with id="myDIV"
var nodelist = div.getElementsByTagName("P").length; // Get the number of <p> elements inside <div>
예시
<div> 요소 내부의 모든 <p> 요소를 반복하고 각 <p>의 배경색을 변경합니다.
var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P");
var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}
예시
<body> 요소의 자식 노드 수를 반환합니다.
var nodelist = document.body.childNodes.length;
예시
<body>의 자식 노드를 반복하고 각 자식 노드의 노드 이름을 출력합니다.
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
txt = txt + nodelist[i].nodeName + "<br>";
}
관련 페이지
HTML DOM 참조: nodelist .item() 메서드
HTML DOM 참조: 요소 .childNodes 속성
HTML DOM 참조: 요소 .getElementsByClassName() 메서드
HTML DOM 참조: 요소 .getElementsByTagName() 메서드
HTML DOM 참조: 요소 .querySelectorAll() 메서드
HTML DOM 참조: document.getElementsByClassName() 메서드
HTML DOM 참조: document.getElementsByName() 메서드
HTML DOM 참조: document.getElementsByTagName() 메서드
HTML DOM 참조: document.querySelectorAll() 메서드