15-1. JS 문서객체모델 DOM (DOM, DOM트리, getElementById(), getElementByClassName(), getElementByTagName(), innerText(), innerHTML(), getAttribute(), setAttribute())

1. 문서객체모델 DOM 자바스크립트를 이용하여 웹 문서에 접근하고 제어할 수 있도록 객체를 사용해 웹 문서를 체계적으로 정리하는 방법이다. 웹 문서를 이루는 텍스트나 이미지, 표 등의 모든 요소도 각각 객체로 정의한다. 웹 문서 전체는 document객체이고, 삽입한 이미지는 image 객체가 된다. DOM은 웹 문서와 그 안의 모든 요소를 '객체'로 인식하고 처리한다. 2. DOM 트리 이런 웹 문서가 존재한다고 했을 때 DOM 트리는 HTML -> HEAD -> META, -> TITLE -> BODY -> H1 -> IMG 라고 할 수 있다. 부모와 자식 구조로 표시하면 트리형태가 되는데 이를 DOM 트리라고한다. DOM 트리에서 가지가 갈라져 나간 항목을 노드라고 하고, DOM 트리의 시작부분인..

2021.10.22