자바스크립트 getElementsByClassName

getElementsByClassName은 HTML 문서 내에서 지정한 클래스 이름을 가진 요소를 선택하는 자바스크립트 함수입니다.

 

이 함수는 문서 내에서 클래스 이름이 일치하는 모든 요소를 선택하며, 선택한 요소들을 배열 형태로 반환합니다. 반환된 배열에는 선택된 요소들이 순서대로 저장됩니다.

 

 

사용법

 

사용 방법은 다음과 같습니다.

 

var elements = document.getElementsByClassName("class-name");

 

위 코드에서 "class-name"은 선택하려는 요소들이 가진 클래스 이름을 의미합니다. 선택된 요소들은 elements 배열에 저장됩니다.

 

이 함수를 사용하여 선택된 요소들에 대해서는 다른 자바스크립트 함수들을 적용할 수 있습니다. 예를 들어, 선택된 요소들의 텍스트 내용을 변경하는 방법은 다음과 같습니다.

 

var elements = document.getElementsByClassName("class-name");
for (var i = 0; i < elements.length; i++) {
  elements[i].innerHTML = "새로운 내용";
}

 

위 코드에서는 "class-name" 클래스 이름을 가진 모든 요소들의 텍스트 내용을 "새로운 내용"으로 변경합니다.