[JavaScript]문서 객체 모델 DOM

문서객체 Document Object

: 태그를 자바스크립트에서 사용할 수 있는 객체로 만든 것

문서 객체를 조작 = 태그를 조작

 

Document Object Model 

: 웹페이지를 자바스크립트로 제어하기 위한 객체 모델을 의미한다.

window 객체의 document 프로퍼티를 통해서 사용할 수 있다.

Window 객체가 창을 의미한다면 Document 객체는 윈도우에 로드된 문서를 의미한다고 할 수 있다. 

 

* 출처 : 생활 코딩

 

문서 객체 선택

구분	메서드	설명	반환 타입
1개	document.getElementById(id)	태그에 부여된 id로 선택	단일 객체
	document.querySelector(선택자)	CSS선택자로 첫번째 요소만 선택
다수	document.getElementByName(name)	태그에 부여된 name 속성으로 전체 선택	HTML Collection
	document.getElementByClass(class)	태그에 부여된 class 속성으로 전체 선택
	document.getElementByTagName(tag)	해당 태그를 전체 선택
	document.querySelectorAll(선택자)	CSS선택자로 전부 선택	NodeList

 

문서 객체 생성

document.createElement("태그명");