DOM 정리표

문서 객체 만들기

from. 「jQuery를 활용한 인터랙티브 웹 콘텐츠 제작 - 기초부터 실전활용까지」

1. document 객체의 노드 생성 메서드

DOM 메서드
구분 Node Document HTMLDocument Element HTMLElement
상속구조 Node Node ⇒
Document
Node ⇒
Document ⇒
HTMLDocument
Node ⇒
Element
Node ⇒
Element ⇒
HTMLElement
기능 노드를 탐색하고 조작하기 위한 기본적인 프로퍼티와 메서드 텍스트노드, 엘리먼트 노드 등을 생성하는 팩토리 메서드 HTML 태그 전용 프로퍼티와 메서드 속성을 다루는 기능, 이벤트 모델 구현 HTML 태그 전용 프로퍼티와 메서드
주요
프로퍼티
Attr[] attributes
Node[] childNodes
Node firstChild
Node lastChild
Node nextSibling
Node PreviousSibling
Node parentNode

String nodeValue
String nodeName
unsigned short nodeType
HTMLElement body
String cookie
HTMLCollection images
HTMLCollection links
String tagName String className
String id
String innerHTML
CSS2Properties style

int offsetWidth
int offsetHeight
int offsetLeft
int offsetTop
주요
메서드
hasAttribute()
hasChildNodes

cloneNode()
appendChild()
insetBefore()
removeChild()
replaceChild()
createAttribute()
createElement()
createEvent()
createTextNode()

Element
getElementById()
Element[]
getElementsByTagName()

addEventListener()
dispatchEvent()
removeListener()
close()
open()
write()

Element[]
getElementsByName()
Element[]
getElementsByTagName()

hasAttribute()

getAttribute
removeAttribute()
setAttribute()

addEventListener()
dispatchEvent()
removeListener()
onkeydow
onkeypress
onkeyup

onclick
ondbclick

onmousedown
onmousemove
onmouseout
onmouseover
onmouseup