JavaScript_DOM

📢 DOM

Document Object Model

브라우저가 HTML문서를 파싱하는 과정에서 생겨나는 객체

DOM 기본 사용법

document.getElementById("tagID").InnerText

-> HTML 파일에서(로가서) "tagID"라는 id를 가진 태그를 선택해서 제어한다.

📍 js 파일에서 funtion 정의할 때 대문자로 시작X

사진출처

🔹 document.childNodes 사용 시 주의할 점

document.childNodes는 NodeList를 반환하며, Array가 아니기 때문에 map(), forEach() 등의 배열 메서드를 바로 사용할 수 없음

대부분의 경우 document.documentElement ()를 직접 다루는 것이 더 유용함