DOM : 객체 지향 모델로써 구조화된 문서를 표현하는 형식으로, 프로그래밍 언어가 문서 구조, 스타일, 내용 등을 변경할 수 있도록 하는 인터페이스의 이름(Document Object Model) ⇒ HTML DOM ⇒ Document 객체에서 시작함

Event : 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 가리키는 말로, 자바스크립트는 이것에 반응하여 특정 동작을 수행할 수 있게 됨

document.getElementById() : 해당 아이디의 요소를 선택

document.getElemetnsByClassName() : 해당 클래스에 속한 요소를 선택

document.getElementsByName() : 해당 name 속성값을 가지는 요소를 선택

document.querySelectorAll() : 해당 선택자로 선택되는 요소를 모두 선택

document.querySellector() : 해당 선택자로 선택되는 요소를 1개 선택

document.createElement() : 지정된 HTML 요소를 생성 (Object 생성)

document.write : HTML 출력 스트림을 통해 텍스트를 출력

Object. style.xxx : css 파일에 있는 xxx 속성을 변경할때

Object.innerHTML

Object.innerText

Dom의 tree 구조 :

Node : HTML DOM에서 정보를 저장하는 계층적 단위

Untitled

노드의 종류 :