<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]
'자바스크립트 > DOM 이론' 카테고리의 다른 글
웹에서 화면 변경시 화면의 크기 값을 가져오는 방법 (0) | 2020.08.22 |
---|---|
돔에서 값을 사용자 컴퓨터에 저장하는 메소드 - localStorage (0) | 2020.03.05 |
돔 엘리먼트의 클래스 이름 다루기 - classList (0) | 2020.03.03 |
돔 엘리먼트 안에 엘리먼트와 노드 추가하기 - createElement, createTextNode, appendChild 메소드 (0) | 2020.02.23 |
돔 엘리먼트 안의 텍스트 변경하기 - innerHTML (0) | 2020.02.23 |