English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM getElementsByTagName() 메서드

HTML DOM Document 객체

getElementsByTagName()메서드는 지정된 태그 이름을 가진 객체의 셋을 반환할 수 있습니다。

반환된 목록의 요소는 원본 코드에서 등장한 순서로 정렬됩니다。

반환된 목록을 인덱스 번호로 접근할 수 있습니다. 인덱스는 0에서 시작됩니다。

배열의 사용을 통해length속성은 지정된 태그 이름을 가진 요소의 수를 결정하고, 모든 요소를 순회하며 필요한 정보를 추출할 수 있습니다。

문법:

document.getElementsByTagName(tag)
var x = document.getElementsByTagName("p");
테스트를 보세요‹/›

브라우저 호환성

모든 브라우저는 getElementsByTagName() 메서드를 완전히 지원합니다:

메서드
getElementsByTagName()

파라미터 값

파라미터설명
tag참조할 수 있는 요소의 태그 이름.

기술 세부 사항

반환 값:지정된 태그 이름을 가진 모든 요소의 유사 배열 객체를 반환합니다
DOM 버전:DOM 레벨1

더 많은 예제

문서 중 모든 단락 요소의 배경색을 변경합니다:

var x = document.getElementsByTagName("p");
for(let i = 0; i < x.length;++) {
   x[i].style.backgroundColor = "coral";
}
테스트를 보세요‹/›

관련 참조

DOM Document querySelector()메서드

DOM Document querySelectorAll()메서드

DOM Document getElementById()메서드

DOM Document getElementsByClassName()메서드

HTML DOM Document 객체