getElementsByTagName 메서드

getElementsByTagName 메서드는 태그 이름으로 페이지 요소를 가져올 수 있게 합니다. 가져온 요소에 대해 텍스트, 속성, CSS 스타일 등을 변경하는 등 다양한 조작을 수행할 수 있습니다.

문법

javascriptdocument.getElementsByTagName(태그 이름);

예제

모든 단락을 가져와서 innerHTML 속성을 사용하여 텍스트를 변경해 봅시다:

html<p>요소 1</p>
<p>요소 2</p>
<p>요소 3</p>

javascriptlet elems = document.getElementsByTagName('p');

for (let elem of elems) {
  elem.innerHTML = '!!!';
}

코드 실행 결과:

html<p>!!!</p>
<p>!!!</p>
<p>!!!</p>

관련 내용