[자바스크립트] querySelector & getElement

Nux·2022년 5월 10일
0

getElement

  • getElementsByClassName로 여러 class 선택 시, 배열로 값을 반환

querySelector

  • 해당하는 값이 여러개여도 첫번째 값만 반환
  • querySelectorAll을 이용하면 getElement와 같이 배열로 값을 가져올 수 있음

예제

<div class="test">하나</div>
<div class="test"></div>
  • getElement
var sample = document.getElementsByClassName("test");
sample[0]	// 하나
sample[1]	// 둘
  • querySelector
var example = document.querySelector(".test");
example		// 하나
  • querySelectorAll
var practice = document.querySelectorAll(".test");
practice[0]	// 하나
practice[1]	// 둘

0개의 댓글