[JavaScript] DOM 탐색 - 특정 요소 찾기

 

특정 요소 찾기

getElementById(): 주어진 ID를 가진 요소를 반환합니다.

let element = document.getElementById('elementId');

 

 

getElementsByClassName(): 주어진 클래스 이름을 가진 모든 요소를 HTMLCollection으로 반환합니다.

let elements = document.getElementsByClassName('className');

 

 

getElementsByTagName(): 주어진 태그 이름을 가진 모든 요소를 HTMLCollection으로 반환합니다.

let elements = document.getElementsByTagName('tagName');

 

 

querySelector(): 주어진 CSS 셀렉터와 일치하는 첫 번째 요소를 반환합니다.

let element = document.querySelector('selector');

 

 

querySelectorAll(): 주어진 CSS 셀렉터와 일치하는 모든 요소를 NodeList로 반환합니다.

let elements = document.querySelectorAll('selector');

 

 

해당 메서드들을 활용하면 DOM의 다양한 노드와 요소를 쉽게 탐색하고 조작할 수 있습니다.