[HTML] DOM 으로 HTML 조작하기(2) - querySelector, querySelectorAll

 

🌈 DOM으로 HTML 조작하기  - querySelector, querySelectorAll

 

DOM으로 HTML 엘리먼트의 정보를 조회하기 위해서는 querySelector를 이용할 수 있다.

querySelector('셀렉터') 를 이용할 수 있는데, 셀렉터로는 HTML tag, id, class를 가장 많이 이용한다.

 

 

1. ID로 엘리먼트 정보 조회하기

document.querySelector('#test')

 

2. Class로 엘리먼트 정보 조회하기

document.querySelector('.test')

 

3. div로 엘리먼트 정보 조회하기

document.querySelector('div')

 

💡 실행결과