노드리스트는 노드들의 집합이다
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;
»그것을 자신을 시도 예 설명 :
- 모든 가져 오기 <p> 노드 목록에서 요소를
- 노드 목록의 길이를 표시
당신은 노드 목록의 노드를 통해 루프 할 때 길이 속성은 유용합니다 :
예
모두의 배경색 변경 <p> 노드 목록 요소 :
var myNodelist = document.getElementsByTagName("p");
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}
»그것을 자신을 시도 노드 목록 배열이 아닌!
노드 목록 배열처럼 보일 수도 있지만, 아니다. 당신은 노드 목록을 통해 루프를 할 수와 배열처럼 그 노드를 참조하십시오. 그러나 같은 배열 방법, 사용할 수 없습니다 valueOf() 또는 join() 노드 목록에.