HTML DOM length Propery

<요소 개체

예

얼마나 많은 알아 <p> 문서에있다 요소를 :

var nodelist = document.getElementsByTagName("P").length;

노드 목록의 결과는 다음과 같습니다

»그것을 자신을 시도

더 "Try it Yourself" 아래의 예.

정의 및 사용

길이 속성은 NodeList를 객체의 노드 수를 반환합니다.

자식 노드의 노드 객체의 컬렉션 NodeList를 객체의 예입니다.

당신이 노드 목록에있는 노드를 통해 루프 할 때 길이 속성은 유용하다 (See "More Examples" below) .

이 속성은 읽기 전용입니다.

팁 : 사용 item() NodeList를 객체의 지정된 인덱스 노드를 반환하는 방법을.

브라우저 지원

재산
length	예	예	예	예	예

통사론

기술적 세부 사항

반환 값 :	노드 목록의 노드 수를 나타내는 숫자,
DOM 버전	코어 레벨 1 노드 목록 개체

더 예

예

얼마나 많은 알아 <p> 돌며있다 요소를 <div> 요소 :

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>

노드 목록의 결과는 다음과 같습니다

»그것을 자신을 시도

예

모든 관통 루프 <p> , 안쪽 요소 <div> 요소, 및 각각의 배경색을 변경 <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>";
}

TXT의 결과는 다음과 같습니다

#comment
#text
P
#text
BUTTON
#text
P
#text
P
#text
SCRIPT
#text

»그것을 자신을 시도

JavaScript 참고

JavaScript

브라우저 BOM

HTML DOM

HTML 사물

다른 개체

HTML DOM length Propery

예

정의 및 사용

브라우저 지원

통사론

더 예

예

예

예

예

관련 페이지