문서 객체 모델(DOM)
문서 객체 모델(DOM)은 메모리에 웹 페이지 문서 구조를 표현함으로써 스크립트 및 프로그래밍 언어와 페이지를 연결합니다. 이때 스크립트는 주로 JavaScript를 의미하나 HTML, SVG, XML 객체를 문서로 모델링 하는 것은 JavaScript 언어의 일부가 아닙니다.
DOM은 문서를 논리 트리로 표현합니다. 트리의 각 브랜치는 노드에서 끝나며, 각 노드는 객체를 갖습니다. DOM 메서드를 사용하면 프로그래밍적으로 트리에 접근할 수 있습니다. 이를 통해 문서의 구조, 스타일, 콘텐츠를 변경할 수 있습니다.
노드는 이벤트 처리기도 포함할 수 있습니다. 이벤트가 발생한 순간, 해당 이벤트와 연결한 처리기가 발동합니다.
더 알아보려면: DOM 소개 문서를 방문해보세요.
DOM 인터페이스
Attr
(en-US)CDATASection
(en-US)CharacterData
ChildNode
ExperimentalComment
CustomEvent
Document
DocumentFragment
DocumentType
DOMError
(en-US) DeprecatedDOMException
(en-US)DOMImplementation
(en-US)DOMString
DOMTimeStamp
(en-US)DOMSettableTokenList
DOMStringList
(en-US)DOMTokenList
Element
Event
EventTarget
HTMLCollection
MutationObserver
MutationRecord
(en-US)NamedNodeMap
(en-US)Node
NodeFilter
NodeIterator
(en-US)NodeList
NonDocumentTypeChildNode
(en-US)ParentNode
ProcessingInstruction
(en-US)Selection
ExperimentalRange
Text
TextDecoder
(en-US) ExperimentalTextEncoder
(en-US) ExperimentalTimeRanges
(en-US)TreeWalker
URL
Window
Worker
XMLDocument
(en-US) Experimental
HTML DOM
SVG 인터페이스
SVG 요소 인터페이스
SVGAElement
(en-US)SVGAltGlyphElement
(en-US) DeprecatedSVGAltGlyphDefElement
(en-US) DeprecatedSVGAltGlyphItemElement
(en-US) DeprecatedSVGAnimationElement
(en-US)SVGAnimateElement
(en-US)SVGAnimateColorElement
(en-US) DeprecatedSVGAnimateMotionElement
(en-US)SVGAnimateTransformElement
(en-US)SVGCircleElement
(en-US)SVGClipPathElement
(en-US)SVGColorProfileElement
DeprecatedSVGComponentTransferFunctionElement
(en-US)SVGCursorElement
(en-US)SVGDefsElement
(en-US)SVGDescElement
(en-US)SVGElement
(en-US)SVGEllipseElement
(en-US)SVGFEBlendElement
(en-US)SVGFEColorMatrixElement
(en-US)SVGFEComponentTransferElement
(en-US)SVGFECompositeElement
(en-US)SVGFEConvolveMatrixElement
(en-US)SVGFEDiffuseLightingElement
(en-US)SVGFEDisplacementMapElement
(en-US)SVGFEDistantLightElement
(en-US)SVGFEDropShadowElement
(en-US)SVGFEFloodElement
(en-US)SVGFEFuncAElement
(en-US)SVGFEFuncBElement
(en-US)SVGFEFuncGElement
(en-US)SVGFEFuncRElement
(en-US)SVGFEGaussianBlurElement
(en-US)SVGFEImageElement
(en-US)SVGFEMergeElement
(en-US)SVGFEMergeNodeElement
(en-US)SVGFEMorphologyElement
(en-US)SVGFEOffsetElement
(en-US)SVGFEPointLightElement
(en-US)SVGFESpecularLightingElement
(en-US)SVGFESpotLightElement
(en-US)SVGFETileElement
(en-US)SVGFETurbulenceElement
(en-US)SVGFilterElement
(en-US)SVGFilterPrimitiveStandardAttributes
SVGFontElement
(en-US) DeprecatedSVGFontFaceElement
(en-US) DeprecatedSVGFontFaceFormatElement
(en-US) DeprecatedSVGFontFaceNameElement
(en-US) DeprecatedSVGFontFaceSrcElement
(en-US) DeprecatedSVGFontFaceUriElement
(en-US) DeprecatedSVGForeignObjectElement
(en-US)SVGGElement
(en-US)SVGGeometryElement
(en-US)SVGGlyphElement
(en-US) DeprecatedSVGGlyphRefElement
(en-US) DeprecatedSVGGradientElement
(en-US)SVGGraphicsElement
(en-US)SVGHatchElement
ExperimentalSVGHatchpathElement
ExperimentalSVGHKernElement
(en-US) DeprecatedSVGImageElement
(en-US)SVGLinearGradientElement
(en-US)SVGLineElement
(en-US)SVGMarkerElement
(en-US) ExperimentalSVGMaskElement
(en-US)SVGMeshElement
ExperimentalSVGMeshGradientElement
ExperimentalSVGMeshpatchElement
ExperimentalSVGMeshrowElement
ExperimentalSVGMetadataElement
(en-US)SVGMissingGlyphElement
(en-US) DeprecatedSVGMPathElement
(en-US)SVGPathElement
(en-US)SVGPatternElement
(en-US)SVGPolylineElement
(en-US)SVGPolygonElement
(en-US)SVGRadialGradientElement
(en-US)SVGRectElement
(en-US)SVGScriptElement
(en-US)SVGSetElement
(en-US)SVGSolidcolorElement
ExperimentalSVGStopElement
(en-US)SVGStyleElement
(en-US)SVGSVGElement
(en-US)SVGSwitchElement
(en-US)SVGSymbolElement
(en-US)SVGTextContentElement
(en-US)SVGTextElement
(en-US)SVGTextPathElement
(en-US)SVGTextPositioningElement
(en-US)SVGTitleElement
(en-US)SVGTRefElement
(en-US) DeprecatedSVGTSpanElement
(en-US)SVGUseElement
(en-US)SVGUnknownElement
ExperimentalSVGViewElement
(en-US)SVGVKernElement
(en-US) Deprecated
SVG 데이터 타입 인터페이스
다음은 SVG 프로퍼티와 어트리뷰트 정의에 쓰이는 데이터 타입을 위한 DOM API입니다.
정적 타입
SVGAngle
(en-US)SVGColor
DeprecatedSVGICCColor
DeprecatedSVGElementInstance
SVGElementInstanceList
SVGLength
(en-US)SVGLengthList
(en-US)SVGMatrix
(en-US) DeprecatedSVGNameList
SVGNumber
(en-US)SVGNumberList
(en-US)SVGPaint
SVGPathSeg
DeprecatedSVGPathSegClosePath
DeprecatedSVGPathSegMovetoAbs
DeprecatedSVGPathSegMovetoRel
DeprecatedSVGPathSegLinetoAbs
DeprecatedSVGPathSegLinetoRel
DeprecatedSVGPathSegCurvetoCubicAbs
DeprecatedSVGPathSegCurvetoCubicRel
DeprecatedSVGPathSegCurvetoQuadraticAbs
DeprecatedSVGPathSegCurvetoQuadraticRel
DeprecatedSVGPathSegArcAbs
DeprecatedSVGPathSegArcRel
DeprecatedSVGPathSegLinetoHorizontalAbs
DeprecatedSVGPathSegLinetoHorizontalRel
DeprecatedSVGPathSegLinetoVerticalAbs
DeprecatedSVGPathSegLinetoVerticalRel
DeprecatedSVGPathSegCurvetoCubicSmoothAbs
DeprecatedSVGPathSegCurvetoCubicSmoothRel
DeprecatedSVGPathSegCurvetoQuadraticSmoothAbs
DeprecatedSVGPathSegCurvetoQuadraticSmoothRel
DeprecatedSVGPathSegList
DeprecatedSVGPoint
(en-US) DeprecatedSVGPointList
(en-US) DeprecatedSVGPreserveAspectRatio
(en-US)SVGRect
DeprecatedSVGStringList
(en-US)SVGTransform
(en-US)SVGTransformList
(en-US)
움직이는(animated) 형
SVGAnimatedAngle
(en-US)SVGAnimatedBoolean
(en-US)SVGAnimatedEnumeration
(en-US)SVGAnimatedInteger
(en-US)SVGAnimatedLength
(en-US)SVGAnimatedLengthList
(en-US)SVGAnimatedNumber
(en-US)SVGAnimatedNumberList
(en-US)SVGAnimatedPathData
DeprecatedSVGAnimatedPoints
(en-US)SVGAnimatedPreserveAspectRatio
(en-US)SVGAnimatedRect
(en-US)SVGAnimatedString
(en-US)SVGAnimatedTransformList
(en-US)
SMIL 관련 인터페이스
기타 SVG 인터페이스
GetSVGDocument
ShadowAnimation
SVGColorProfileRule
DeprecatedSVGCSSRule
DeprecatedSVGDocument
SVGException
DeprecatedSVGExternalResourcesRequired
DeprecatedSVGFitToViewBox
SVGLangSpace
DeprecatedSVGLocatable
DeprecatedSVGRenderingIntent
(en-US) DeprecatedSVGStylable
(en-US) DeprecatedSVGTests
SVGTransformable
DeprecatedSVGUnitTypes
(en-US)SVGUseElementShadowRoot
SVGURIReference
(en-US)SVGViewSpec
DeprecatedSVGZoomAndPan
SVGZoomEvent
Deprecated
명세
Specification | Status | Comment |
---|---|---|
DOM | Living Standard |