더 "Try it Yourself" 아래의 예.
정의 및 사용
getElementsByTagName() 메소드는 NodeList의 대상으로서 지정된 태그 이름으로 문서의 모든 요소의 집합체를 반환한다.
노드 목록의 객체는 노드의 컬렉션을 나타냅니다. 노드는 인덱스 번호로 액세스 할 수 있습니다. 인덱스는 0에서 시작한다.
팁 :가 parameterValue "*" 문서의 모든 요소를 반환합니다.
팁 : 당신은 사용할 수있는 길이 당신이 모든 요소를 통해 반복하고 원하는 정보를 추출 할 수 있습니다, 지정된 태그 이름 요소의 수를 결정하기 위해 노드 목록 개체의 속성을.
브라우저 지원
테이블의 숫자는 완전히 방법을 지원하는 최초의 브라우저 버전을 지정합니다.
| 방법 | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
통사론
document.getElementsByTagName( tagname )매개 변수 값
| 매개 변수 | 유형 | 기술 |
|---|---|---|
| tagname | String | 필요합니다. 당신이 얻을 할 요소의 태그 이름 |
기술적 세부 사항
| DOM 버전 : | 코어 레벨 1 문서 객체 |
|---|---|
| 반환 값 : | 지정된 태그 이름 요소의 컬렉션을 나타내는있는 NodeList 객체. 그들은 소스 코드에 나타나는 반환 된 컬렉션의 요소는 분류되어 있습니다. |
더 예
예
얼마나 많은 알아 <li> (노드 목록 객체의 길이 속성을 사용하여) 문서에있다 요소를 :
var x =
document.getElementsByTagName("LI").length; »그것을 자신을 시도 예
최초의 HTML 컨텐츠 변경 <p> 요소 (index 0) 문서를 :
document.getElementsByTagName("P")[0].innerHTML = "Hello World!"; »그것을 자신을 시도 예
모두의 배경 색상 변경 <p> 문서의 요소를 :
var x = document.getElementsByTagName("P");
var i;
for (i = 0; i <
x.length; i++) {
x[i].style.backgroundColor = "red";
} »그것을 자신을 시도 관련 페이지
자바 스크립트 참조 : 요소입니다. getElementsByTagName()
자바 스크립트 튜토리얼 : 자바 스크립트 HTML DOM 노드 목록