요소 접근 방법

DOM(Document Object Model) 이란?

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

---

DOM을 이용한 요소 접근방법

• id 속성값으로 접근하기
  • document.getElementById("id 속성값");
• class 속성값으로 접근하기
  • document.getElementByClassName("class 속성값")
• name 속성값으로 접근하기
  • document.getElementByName("name 속성값")
• tag name으로 접근하기
  • document.getElementByTagName("태그명")
• css 선택자를 이용해서 접근하기
  • document.querySelector("#test");
    • 단일요소를 선택하는 방법
    • 만약 선택된 요소가 여러개면 첫 번째 요소만 선택됨
  •  document.querySelectorAll("css선택자");
    • 선택된 모든 요소를 얻어와 배열 형태 반환(각각의 index에 선택된 요소가 하나씩 있음)