[DOM_Element] JS - getElementsByClassName() 메서드 - 클래스선택자 (= 클래스명선택자 = 클래스이름선택자) 요소얻기 (IE9)

getElementsByClassName() 예제

 

<ul class="hz">

  <li class="child">홈페이지 제작</li>

  <li class="child">Homzzang.com</li>

</ul>

<button onclick="homzzang()">클릭</button>

<script>

function homzzang() {

  var list = document.getElementsByClassName("hz")[0];

  list.getElementsByClassName("child")[0].innerHTML = "홈짱닷컴";

}

</script>

 

결과보기

※ 지정 클래스명 가진 요소의 하위요소집합을 NodeList 객체로 반환