[JS] 17_문서 객체 모델(DOM)
·
Frontend/Study
# "Do it! HTML+CSS+자바스크립트 웹 표준의 정석" 책을 바탕으로 작성하였습니다. 1. 문서 객체 모델 알아보기 1) 문서 객체 보델이란 - 자바스크립트를 이용하여 웹 문서에 접근하고 제어할 수 있도록 객체를 사용해 웹문서를 체계적으로 정리하는 방법 2) DOM 트리 - 문서 객체 모델의 구조를 나타냄 - DOM을 구성하는 기본 원칙 모든 HTML 태그는 요소(Element) 노드 입니다. HTML 태그에서 사용하는 텍스트 내용은 자식 노드인 텍스트(text) 노드입니다. HTML 태그에 있는 속성은 자식 노드인 속성(attribute) 노드입니다. 주석은 주석(comment) 노드입니다. 2. DOM 요소에 접근하고 속성 가져오기 1) DOM에 접근하기 ① id 선택자로 접근하는 getEl..