getElementsByTagName 메서드
getElementsByTagName 메서드는
태그 이름으로 페이지 요소를 가져올 수 있게 합니다.
가져온 요소에 대해 텍스트, 속성,
CSS 스타일 등을 변경하는 등 다양한 조작을
수행할 수 있습니다.
문법
document.getElementsByTagName(태그 이름);
예제
모든 단락을 가져와서
innerHTML 속성을 사용하여
텍스트를 변경해 봅시다:
<p>요소 1</p>
<p>요소 2</p>
<p>요소 3</p>
let elems = document.getElementsByTagName('p');
for (let elem of elems) {
elem.innerHTML = '!!!';
}
코드 실행 결과:
<p>!!!</p>
<p>!!!</p>
<p>!!!</p>
관련 내용
-
선택자로 요소 그룹을 가져오는
querySelectorAll메서드 -
클래스로 요소 그룹을 가져오는
getElementsByClassName메서드
