HTML DOM 문서 getElementsByTagName()
예시
태그 이름이 "li"인 모든 요소를 가져옵니다.
const collection = document.getElementsByTagName("li");
문서의 모든 요소 가져오기:
const collection = document.getElementsByTagName("*");
문서에서 첫 번째 <p> 요소의 내부 HTML을 변경합니다.
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
아래에 더 많은 예가 있습니다.
정의 및 사용
이 getElementsByTagName()
메서드는 지정된 태그 이름을 가진 모든 요소의 컬렉션을 반환합니다.
이 getElementsByTagName()
메서드는 HTMLCollection 을 반환합니다 .
속성 은 getElementsByTagName()
읽기 전용입니다.
메모
getElementsByTagName("*")
문서의 모든 요소를 반환합니다.
HTML컬렉션
HTMLCollection 은 HTML 노드의 모음입니다 .
컬렉션의 노드는 인덱스 번호로 액세스할 수 있습니다. 인덱스는 0에서 시작합니다.
length 속성 은 컬렉션의 요소 수를 반환합니다.
또한보십시오:
통사론
document.getElementsByTagName(tagname)
매개변수
Parameter | Description |
tagname | Required. The tagname of the elements. |
반환 값
유형 | 설명 |
물체 | HTMLCollection 개체입니다. 지정된 태그 이름을 가진 요소 컬렉션입니다. 요소는 문서에 나타나는 대로 정렬됩니다. |
더 많은 예
문서의 <li> 요소 수:
let numb = document.getElementsByTagName("li").length;
모든 <p> 요소의 배경색 변경:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
관련 페이지
JavaScript 참조: 요소 .getElementsByTagName()
JavaScript 튜토리얼: JavaScript HTML DOM 노드 목록
브라우저 지원
document.getElementsByTagName()
DOM 레벨 1(1998) 기능입니다.
모든 브라우저에서 완벽하게 지원됩니다.
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |