DOM Selector in javascript / 자바스크립트의 선택자 querySelector()
<div id='main'> <div class="container"> </div> </div> --------------------------------------- (1) 아이디(id)가 main인 요소 선택 document.getElementById('main'); document.querySelector('#main'); (2) 클래스명이 container인 요소 선택 document.getElementsByClassName(' container '); document.querySelector('. container '); //같은 이름의 클래스가 다수인 경우 첫번째 container 선택 document.querySelectorAll('. container '); //같은 이름의 클래스가 다수 인 경우 해당하는 모든요소 선택 (3) div태그 요소 선택 document.getElementsByTagName('div'); document.querySelector('div'); //div 태그가 다수인 경우 첫번째 div 선택 document.querySelectorAll('div'); //div 태그가 다수인 경우 모든 div 선택 Browser compatibility(브라우저 지원) Desktop Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit) Basic support 1 (Yes) 3.5 8 10 3.2