최신 웹 개발 튜토리얼
 

JavaScript HTML DOM 노드 목록


노드리스트는 노드들의 집합이다


HTML DOM 노드 목록

getElementsByTagName() 메소드는노드 목록을 반환합니다.노드 목록에 노드의 배열과 같은 모음입니다.

다음 코드는 모든 선택 <p> 문서의 노드를 :

var x = document.getElementsByTagName("p");

노드는 인덱스 번호로 액세스 할 수 있습니다. 당신이 쓸 수있는 두 번째 <P> 노드에 액세스하려면 :

y = x[1];
»그것을 자신을 시도

참고 : 지수는 0에서 시작한다.


HTML DOM 노드 목록 길이

길이 속성은 노드 목록에 노드의 수를 정의합니다 :

var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myNodelist.length;
»그것을 자신을 시도

예 설명 :

  1. 모든 가져 오기 <p> 노드 목록에서 요소를
  2. 노드 목록의 길이를 표시

당신은 노드 목록의 노드를 통해 루프 할 때 길이 속성은 유용합니다 :

모두의 배경색 변경 <p> 노드 목록 요소 :

var myNodelist = document.getElementsByTagName("p");
var i;
for (i = 0; i < myNodelist.length; i++) {
    myNodelist[i].style.backgroundColor = "red";
}
»그것을 자신을 시도

노드 목록 배열이 아닌!
노드 목록 배열처럼 보일 수도 있지만, 아니다. 당신은 노드 목록을 통해 루프를 할 수와 배열처럼 그 노드를 참조하십시오. 그러나 같은 배열 방법, 사용할 수 없습니다 valueOf() 또는 join() 노드 목록에.