문서 객체 모델(DOM)
문서 객체 모델(DOM)은 메모리에 웹 페이지 문서 구조를 표현함으로써 스크립트 및 프로그래밍 언어와 페이지를 연결합니다. 이때 스크립트는 주로 JavaScript를 의미하나 HTML, SVG, XML 객체를 문서로 모델링 하는 것은 JavaScript 언어의 일부가 아닙니다.
DOM은 문서를 논리 트리로 표현합니다. 트리의 각 브랜치는 노드에서 끝나며, 각 노드는 객체를 갖습니다. DOM 메서드를 사용하면 프로그래밍적으로 트리에 접근할 수 있습니다. 이를 통해 문서의 구조, 스타일, 콘텐츠를 변경할 수 있습니다.
노드는 이벤트 처리기도 포함할 수 있습니다. 이벤트가 발생한 순간, 해당 이벤트와 연결한 처리기가 발동합니다.
참고: 더 알아보려면: DOM 소개 문서를 방문해보세요.
DOM 인터페이스
AttrCDATASection(en-US)CharacterDataCommentCustomEventDocumentDocumentFragmentDocumentTypeDOMError(en-US) 지원이 중단되었습니다DOMException(en-US)DOMImplementation(en-US)DOMTimeStamp(en-US)DOMStringList(en-US)DOMTokenListElementEventEventTargetHTMLCollectionMutationObserverMutationRecordNamedNodeMap(en-US)NodeNodeFilterNodeIterator(en-US)NodeListProcessingInstruction(en-US)RangeTextTextDecoder(en-US) ExperimentalTextEncoder(en-US) ExperimentalTimeRanges(en-US)TreeWalkerURLWindowWorkerXMLDocument(en-US) Experimental
더 이상 사용하지 않는 DOM 인터페이스
문서객체모델 매우 단순하게 변하고 있습니다. 이를 위해 다른 DOM 레벨 3 혹은 이전 사양에 있었던 아래의 인터페이스들을 제거했습니다. 향후에 이 중 일부가 다시 도입될 지는 확실하지 않지만 당분간은 모두 폐기된 것으로 간주하고 사용을 피해야 합니다.
DOMConfigurationDOMErrorHandlerDOMImplementationListDOMImplementationRegistryDOMImplementationSourceDOMLocatorDOMObjectDOMSettableTokenListDOMUserDataElementTraversalEntityEntityReferenceNameListNotationTypeInfoUserDataHandler
HTML DOM
문서는 다양한 HTML 관련 기능들을 포함하는 HTML 명세에 의해 확장된 Document 을 사용해 설명된 HTML 을 포함합니다.
HTML 객체는 또한 Window 인터페이스, 이에 관련된 Style(보통 CSS), 컨텍스트에 관련된 브라우저의 히스토리인 History 를 사용해 페이지가 그려지는 탭이나 창과 같은 브라우저의 다양한 기능들에 접근할 수 있게 해줍니다. 마지막에는, 문서의 Selection (en-US) 이 완료됩니다.
자세한 내용은 HTML DOM API (en-US) 문서를 참고하세요.
SVG 인터페이스
SVG 요소 인터페이스
SVGAElement(en-US)SVGAltGlyphElement지원이 중단되었습니다SVGAltGlyphDefElement지원이 중단되었습니다SVGAltGlyphItemElement지원이 중단되었습니다SVGAnimationElement(en-US)SVGAnimateElement(en-US)SVGAnimateColorElement(en-US) 지원이 중단되었습니다SVGAnimateMotionElement(en-US)SVGAnimateTransformElement(en-US)SVGCircleElement(en-US)SVGClipPathElement(en-US)SVGComponentTransferFunctionElement(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)SVGFilterPrimitiveStandardAttributesSVGFontElement(en-US) 지원이 중단되었습니다SVGFontFaceElement(en-US) 지원이 중단되었습니다SVGFontFaceFormatElement(en-US) 지원이 중단되었습니다SVGFontFaceNameElement(en-US) 지원이 중단되었습니다SVGFontFaceSrcElement(en-US) 지원이 중단되었습니다SVGFontFaceUriElement(en-US) 지원이 중단되었습니다SVGForeignObjectElement(en-US)SVGGElement(en-US)SVGGeometryElement(en-US)SVGGlyphElement(en-US) 지원이 중단되었습니다SVGGlyphRefElement(en-US) 지원이 중단되었습니다SVGGradientElement(en-US)SVGGraphicsElement(en-US)SVGHatchElementExperimentalSVGHatchpathElementExperimentalSVGHKernElement(en-US) 지원이 중단되었습니다SVGImageElement(en-US)SVGLinearGradientElement(en-US)SVGLineElement(en-US)SVGMarkerElement(en-US) ExperimentalSVGMaskElement(en-US)SVGMetadataElement(en-US)SVGMissingGlyphElement(en-US) 지원이 중단되었습니다SVGMPathElement(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)SVGStopElement(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) 지원이 중단되었습니다SVGTSpanElement(en-US)SVGUseElement(en-US)SVGViewElement(en-US)SVGVKernElement(en-US) 지원이 중단되었습니다
SVG 데이터 타입 인터페이스
다음은 SVG 프로퍼티와 어트리뷰트 정의에 쓰이는 데이터 타입을 위한 DOM API입니다.
정적 타입
SVGAngle(en-US)SVGColor지원이 중단되었습니다SVGICCColor지원이 중단되었습니다SVGElementInstanceSVGElementInstanceListSVGLength(en-US)SVGLengthList(en-US)SVGMatrix(en-US) 지원이 중단되었습니다SVGNameListSVGNumber(en-US)SVGNumberList(en-US)SVGPaintSVGPathSeg지원이 중단되었습니다SVGPathSegClosePath지원이 중단되었습니다SVGPathSegMovetoAbs지원이 중단되었습니다SVGPathSegMovetoRel지원이 중단되었습니다SVGPathSegLinetoAbs지원이 중단되었습니다SVGPathSegLinetoRel지원이 중단되었습니다SVGPathSegCurvetoCubicAbs지원이 중단되었습니다SVGPathSegCurvetoCubicRel지원이 중단되었습니다SVGPathSegCurvetoQuadraticAbs지원이 중단되었습니다SVGPathSegCurvetoQuadraticRel지원이 중단되었습니다SVGPathSegArcAbs지원이 중단되었습니다SVGPathSegArcRel지원이 중단되었습니다SVGPathSegLinetoHorizontalAbs지원이 중단되었습니다SVGPathSegLinetoHorizontalRel지원이 중단되었습니다SVGPathSegLinetoVerticalAbs지원이 중단되었습니다SVGPathSegLinetoVerticalRel지원이 중단되었습니다SVGPathSegCurvetoCubicSmoothAbs지원이 중단되었습니다SVGPathSegCurvetoCubicSmoothRel지원이 중단되었습니다SVGPathSegCurvetoQuadraticSmoothAbs지원이 중단되었습니다SVGPathSegCurvetoQuadraticSmoothRel지원이 중단되었습니다SVGPathSegList지원이 중단되었습니다SVGPoint(en-US) 지원이 중단되었습니다SVGPointList(en-US) 지원이 중단되었습니다SVGPreserveAspectRatio(en-US)SVGRect지원이 중단되었습니다SVGStringList(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지원이 중단되었습니다SVGAnimatedPoints(en-US)SVGAnimatedPreserveAspectRatio(en-US)SVGAnimatedRect(en-US)SVGAnimatedString(en-US)SVGAnimatedTransformList(en-US)
SMIL 관련 인터페이스
기타 SVG 인터페이스
GetSVGDocumentShadowAnimationSVGColorProfileRule지원이 중단되었습니다SVGCSSRule지원이 중단되었습니다SVGDocumentSVGException지원이 중단되었습니다SVGFitToViewBoxSVGLocatable지원이 중단되었습니다SVGRenderingIntent(en-US) 지원이 중단되었습니다SVGUnitTypes(en-US)SVGUseElementShadowRootSVGViewSpec지원이 중단되었습니다SVGZoomEvent지원이 중단되었습니다
명세
| Specification |
|---|
| DOM Standard |