본문 바로가기

자바스크립트/DOM 이론

돔 엘리먼트 가져오기 1 - querySelector 메소드

<body>

    <div id="one">1</div>

    <div class="group">2</div>

    <div class="group">3</div>

</body>

 

document.querySelector('#one');

// <div id="one">1</div>를 가져온다.

 

document.querySelector('.group');

// 첫 번째 group 클래스인 <div class="group">2</div>를 가져온다.

// 또는 document.querySelectorAll('.group')[0];

 

document.querySelectorAll('.group');

// group 클래스를 유사 배열로 가져온다.

// [div.group, div.group]