자바스크립트 getElementsByTagName

JavaScript에서 getElementsByTagName() 메서드는 HTML 문서 내에서 특정 태그 이름을 가진 모든 요소를 가져오는 역할을 합니다.

 

이 메서드는 문서 객체 모델(DOM)에서 제공되며, document 객체에서 호출하여 사용합니다.

 

예를 들어, "p" 태그를 가진 모든 요소를 가져와서 해당 요소들의 innerHTML 값을 변경하고자 할 때, 다음과 같은 코드를 작성할 수 있습니다.

 

사용법

 

var pTags = document.getElementsByTagName("p");
for (var i = 0; i < pTags.length; i++) {
  pTags[i].innerHTML = "새로운 내용";
}

 

위 코드에서는 변수 pTags에 "p" 태그를 가진 모든 요소를 저장하고, for 루프를 사용하여 각 요소의 innerHTML 값을 변경합니다. 이렇게 함으로써 한 번에 여러 요소를 조작할 수 있습니다.

 

getElementsByTagName() 메서드는 다른 메서드와 함께 사용할 수도 있습니다. 예를 들어, 특정한 class 속성 값을 가진 요소들을 가져오고자 할 때는 getElementsByClassName() 메서드와 함께 사용할 수 있습니다.