요소접근방법

DOM (Document Object Model)

웹 문서(HTML)의 모든 요소를 객체 형식으로 표현한 것
-> 문서 내 특정 요소에 접근하는 방법을 제공

DOM을 이용한 요소 접근하기

1. id로 접근하기 : document.getElementById("id 속성값");

2. class로 접근하기 : document.getElementsByClassName("class 속성값");

3. name으로 접근하기 : document.getElementsByName("name 속성값");

4. tag로 접근하기 : document.getElementsByTagName("태그명");

5. CSS 선택자로 접근하기
   1) document.quarySelector("CSS 선택자");
   -> 선택된 요소가 여러개일 경우 첫번째 요소만 접근

   2) document.quarySelectorAll("CSS 선택자");
   -> 선택된 요소 모두 접근