[TIL] 010. JavaScript - Dom selector

document.querySelector('.container ul li');

• css선택자를 사용하여 요소에 접근한다.
• 한개의 요소만 찾을수있으며 동일한 클래스명 을 가진 객체가 있을경우 HTML문서내의 첫번째 요소를 반환한다.

document.querySelectorAll('.container ul li');

• css선택자를 사용하여 요소에 접근한다.
• querySelector와 비슷하지만 차이점은 선택자에 해당하는 모든 요소를 가져온다.
• ','를 사용하면 여러요소를 한번에 가져올수 있다.
• 반환객체는 nodeList이기때문에 for문 또는 forEach문을 사용해야 한다. (for..in문은 불가능)

document.getElementsByTagName('h1');
document.getElementsByClassName('.item');
document.getElementById('#item')

getElementsByTagName : 태그이름으로 요소에 접근한다.
getElementsByClassName : 클래스 속성으로 요소에 접근한다.
getElementById : 아이디 속성으로 요소에 접근한다.