mozilla
Your Search Results

    DOM Reference

    There was a scripting error on this page. While it is being addressed by site editors, you can view partial content below.

    This article is in need of an editorial review.

    Объектная Модель Документа (DOM) является программным интерфейсом для HTML, XML и SVG документов. Это обеспечивает структурированное представление документа (дерева), и определяет способ, по которому структура может быть доступна для программы, для изменения структуры документа, его стиля и содержания. DOM обеспечивает представление документа в виде структурированной группы узлов и объектов, которые имеют свойства и методы. По сути, она связывает веб-страницы со скриптами или языками программирования.

    Несмотря на то, что чаще доступно использование JavaScript, DOM не является его частью, и может использоваться в других языках, хотя гораздо реже.

    An введение to the DOM is available.

    DOM интерфейс

    • {{domxref("Attr")}}
    • {{domxref("CharacterData")}}
    • {{domxref("ChildNode")}} {{experimental_inline}}
    • {{domxref("Comment")}}
    • {{domxref("CustomEvent")}}
    • {{domxref("Document")}}
    • {{domxref("DocumentFragment")}}
    • {{domxref("DocumentType")}}
    • {{domxref("DOMError")}}
    • {{domxref("DOMException")}}
    • {{domxref("DOMImplementation")}}
    • {{domxref("DOMString")}}
    • {{domxref("DOMTimeStamp")}}
    • {{domxref("DOMSettableTokenList")}}
    • {{domxref("DOMStringList")}}
    • {{domxref("DOMTokenList")}}
    • {{domxref("Element")}}
    • {{domxref("Event")}}
    • {{domxref("EventTarget")}}
    • {{domxref("HTMLCollection")}}
    • {{domxref("MutationObserver")}}
    • {{domxref("MutationRecord")}}
    • {{domxref("Node")}}
    • {{domxref("NodeFilter")}}
    • {{domxref("NodeIterator")}}
    • {{domxref("NodeList")}}
    • {{domxref("ParentNode")}} {{experimental_inline}}
    • {{domxref("ProcessingInstruction")}}
    • {{domxref("Promise")}} {{experimental_inline}}
    • {{domxref("PromiseResolver")}} {{experimental_inline}}
    • {{domxref("Range")}}
    • {{domxref("Text")}}
    • {{domxref("TreeWalker")}}
    • {{domxref("URL")}}
    • {{domxref("Window")}}
    • {{domxref("Worker")}}
    • {{domxref("XMLDocument")}} {{experimental_inline}}

    Устареревшие DOM interfaces

    Объектная модель документа находится в процессе значительного упрощения. Для того, чтобы достигнуть этого следующие интерфейсы, присутствующие на различных DOM level 3 или более ранних спецификациях были удалены. До сих пор неясно, будут ли некоторые из них возвращены, но на данный момент они должны быть рассмотрены как устаревшие, и их использования следует избегать:

    • {{domxref("CDATASection")}}
    • {{domxref("DOMConfiguration")}}
    • {{domxref("DOMErrorHandler")}}
    • {{domxref("DOMImplementationList")}}
    • {{domxref("DOMImplementationRegistry")}}
    • {{domxref("DOMImplementationSource")}}
    • {{domxref("DOMLocator")}}
    • {{domxref("DOMObject")}}
    • {{domxref("DOMUserData")}}
    • {{domxref("Entity")}}
    • {{domxref("EntityReference")}}
    • {{domxref("NamedNodeMap")}}
    • {{domxref("NameList")}}
    • {{domxref("Notation")}}
    • {{domxref("TypeInfo")}}
    • {{domxref("UserDataHandler")}}
    •  

    HTML interfaces

    Документ, содержащий HTML описывается с помощью {{domxref ("HTMLDocument")}} интерфейса. Обратите внимание, что HTML спецификация также расширяет {{domxref ("Document")}} интерфейс.

    An HTMLDocument object also gives access to browser features: the tab, or window, in which a page is drawn using the {{domxref("Window")}} interface, the {{domxref("window.style", "Style")}} associated to it (usually CSS), the history of the browser relative to the context, {{domxref("window.history", "History")}} , eventually a {{domxref("Selection")}} done on the document.

    HTML element interfaces

    • {{domxref("HTMLAnchorElement")}}
    • {{domxref("HTMLAppletElement")}}
    • {{domxref("HTMLAreaElement")}}
    • {{domxref("HTMLAudioElement")}}
    • {{domxref("HTMLBaseElement")}}
    • {{domxref("HTMLBodyElement")}}
    • {{domxref("HTMLBRElement")}}
    • {{domxref("HTMLButtonElement")}}
    • {{domxref("HTMLCanvasElement")}}
    • {{domxref("HTMLDataElement")}}
    • {{domxref("HTMLDataListElement")}}
    • {{domxref("HTMLDirectoryElement")}}
    • {{domxref("HTMLDivElement")}}
    • {{domxref("HTMLDListElement")}}
    • {{domxref("HTMLElement")}}
    • {{domxref("HTMLEmbedElement")}}
    • {{domxref("HTMLFieldSetElement")}}
    • {{domxref("HTMLFontElement")}}
    • {{domxref("HTMLFormElement")}}
    • {{domxref("HTMLFrameElement")}}
    • {{domxref("HTMLFrameSetElement")}}
    • {{domxref("HTMLHeadElement")}}
    • {{domxref("HTMLHeadingElement")}}
    • {{domxref("HTMLHtmlElement")}}
    • {{domxref("HTMLHRElement")}}
    • {{domxref("HTMLIFrameElement")}}
    • {{domxref("HTMLImageElement")}}
    • {{domxref("HTMLInputElement")}}
    • {{domxref("HTMLKeygenElement")}}
    • {{domxref("HTMLLabelElement")}}
    • {{domxref("HTMLLegendElement")}}
    • {{domxref("HTMLLIElement")}}
    • {{domxref("HTMLLinkElement")}}
    • {{domxref("HTMLMapElement")}}
    • {{domxref("HTMLMediaElement")}}
    • {{domxref("HTMLMenuElement")}}
    • {{domxref("HTMLMetaElement")}}
    • {{domxref("HTMLMeterElement")}}
    • {{domxref("HTMLModElement")}}
    • {{domxref("HTMLObjectElement")}}
    • {{domxref("HTMLOListElement")}}
    • {{domxref("HTMLOptGroupElement")}}
    • {{domxref("HTMLOptionElement")}}
    • {{domxref("HTMLOutputElement")}}
    • {{domxref("HTMLParagraphElement")}}
    • {{domxref("HTMLParamElement")}}
    • {{domxref("HTMLPreElement")}}
    • {{domxref("HTMLProgressElement")}}
    • {{domxref("HTMLQuoteElement")}}
    • {{domxref("HTMLScriptElement")}}
    • {{domxref("HTMLSelectElement")}}
    • {{domxref("HTMLSourceElement")}}
    • {{domxref("HTMLSpanElement")}}
    • {{domxref("HTMLStyleElement")}}
    • {{domxref("HTMLTableElement")}}
    • {{domxref("HTMLTableCaptionElement")}}
    • {{domxref("HTMLTableCellElement")}}
    • {{domxref("HTMLTableDataCellElement")}}
    • {{domxref("HTMLTableHeaderCellElement")}}
    • {{domxref("HTMLTableColElement")}}
    • {{domxref("HTMLTableRowElement")}}
    • {{domxref("HTMLTableSectionElement")}}
    • {{domxref("HTMLTextAreaElement")}}
    • {{domxref("HTMLTimeElement")}}
    • {{domxref("HTMLTitleElement")}}
    • {{domxref("HTMLTrackElement")}}
    • {{domxref("HTMLUListElement")}}
    • {{domxref("HTMLUnknownElement")}}
    • {{domxref("HTMLVideoElement")}}

    Other interfaces

    • {{domxref("CanvasRenderingContext2D")}}
    • {{domxref("CanvasGradient")}}
    • {{domxref("CanvasPattern")}}
    • {{domxref("TextMetrics")}}
    • {{domxref("ImageData")}}
    • {{domxref("CanvasPixelArray")}}
    • {{domxref("NotifyAudioAvailableEvent")}}
    • {{domxref("HTMLAllCollection")}}
    • {{domxref("HTMLFormControlsCollection")}}
    • {{domxref("HTMLOptionsCollection")}}
    • {{domxref("HTMLPropertiesCollection")}}
    • {{domxref("DOMStringMap")}}
    • {{domxref("RadioNodeList")}}
    • {{domxref("MediaError")}}

    Obsolete HTML intefaces

    • {{domxref("HTMLBaseFontElement")}}
    • {{domxref("HTMLIsIndexElement")}}

    SVG interfaces

    SVG element interfaces

    • {{domxref("SVGAElement")}}
    • {{domxref("SVGAltGlyphElement")}}
    • {{domxref("SVGAltGlyphDefElement")}}
    • {{domxref("SVGAltGlyphItemElement")}}
    • {{domxref("SVGAnimationElement")}}
    • {{domxref("SVGAnimateElement")}}
    • {{domxref("SVGAnimateColorElement")}}
    • {{domxref("SVGAnimateMotionElement")}}
    • {{domxref("SVGAnimateTransformElement")}}
    • {{domxref("SVGCircleElement")}}
    • {{domxref("SVGClipPathElement")}}
    • {{domxref("SVGColorProfileElement")}}
    • {{domxref("SVGComponentTransferFunctionElement")}}
    • {{domxref("SVGCursorElement")}}
    • {{domxref("SVGDefsElement")}}
    • {{domxref("SVGDescElement")}}
    • {{domxref("SVGElement")}}
    • {{domxref("SVGEllipseElement")}}
    • {{domxref("SVGFEBlendElement")}}
    • {{domxref("SVGFEColorMatrixElement")}}
    • {{domxref("SVGFEComponentTransferElement")}}
    • {{domxref("SVGFECompositeElement")}}
    • {{domxref("SVGFEConvolveMatrixElement")}}
    • {{domxref("SVGFEDiffuseLightingElement")}}
    • {{domxref("SVGFEDisplacementMapElement")}}
    • {{domxref("SVGFEDistantLightElement")}}
    • {{domxref("SVGFEFloodElement")}}
    • {{domxref("SVGFEGaussianBlurElement")}}
    • {{domxref("SVGFEImageElement")}}
    • {{domxref("SVGFEMergeElement")}}
    • {{domxref("SVGFEMergeNodeElement")}}
    • {{domxref("SVGFEMorphologyElement")}}
    • {{domxref("SVGFEOffsetElement")}}
    • {{domxref("SVGFEPointLightElement")}}
    • {{domxref("SVGFESpecularLightingElement")}}
    • {{domxref("SVGFESpotLightElement")}}
    • {{domxref("SVGFETileElement")}}
    • {{domxref("SVGFETurbulenceElement")}}
    • {{domxref("SVGFEFuncRElement")}}
    • {{domxref("SVGFEFuncGElement")}}
    • {{domxref("SVGFEFuncBElement")}}
    • {{domxref("SVGFEFuncAElement")}}
    • {{domxref("SVGFilterElement")}}
    • {{domxref("SVGFilterPrimitiveStandardAttributes")}}
    • {{domxref("SVGFontElement")}}
    • {{domxref("SVGFontFaceElement")}}
    • {{domxref("SVGFontFaceFormatElement")}}
    • {{domxref("SVGFontFaceNameElement")}}
    • {{domxref("SVGFontFaceSrcElement")}}
    • {{domxref("SVGFontFaceUriElement")}}
    • {{domxref("SVGForeignObjectElement")}}
    • {{domxref("SVGGElement")}}
    • {{domxref("SVGGlyphElement")}}
    • {{domxref("SVGGlyphRefElement")}}
    • {{domxref("SVGGradientElement")}}
    • {{domxref("SVGHKernElement")}}
    • {{domxref("SVGImageElement")}}
    • {{domxref("SVGLinearGradientElement")}}
    • {{domxref("SVGLineElement")}}
    • {{domxref("SVGMarkerElement")}}
    • {{domxref("SVGMaskElement")}}
    • {{domxref("SVGMetadataElement")}}
    • {{domxref("SVGMissingGlyphElement")}}
    • {{domxref("SVGMPathElement")}}
    • {{domxref("SVGPathElement")}}
    • {{domxref("SVGPatternElement")}}
    • {{domxref("SVGPolylineElement")}}
    • {{domxref("SVGPolygonElement")}}
    • {{domxref("SVGRadialGradientElement")}}
    • {{domxref("SVGRectElement")}}
    • {{domxref("SVGScriptElement")}}
    • {{domxref("SVGSetElement")}}
    • {{domxref("SVGStopElement")}}
    • {{domxref("SVGStyleElement")}}
    • {{domxref("SVGSVGElement")}}
    • {{domxref("SVGSwitchElement")}}
    • {{domxref("SVGSymbolElement")}}
    • {{domxref("SVGTextElement")}}
    • {{domxref("SVGTextPathElement")}}
    • {{domxref("SVGTitleElement")}}
    • {{domxref("SVGTRefElement")}}
    • {{domxref("SVGTSpanElement")}}
    • {{domxref("SVGUseElement")}}
    • {{domxref("SVGViewElement")}}
    • {{domxref("SVGVKernElement")}}

    SVG data type interfaces

    Here are the DOM API for data types used in the definitions of SVG properties and attributes.

    Note: Starting in {{Gecko("5.0")}},the following SVG-related DOM interfaces representing lists of objects are now indexable and can be accessed like arrays; in addition, they have a length property indicating the number of items in the lists: {{domxref("SVGLengthList")}}, {{domxref("SVGNumberList")}}, {{domxref("SVGPathSegList")}}, and {{domxref("SVGPointList")}}.

    Static type

    • {{domxref("SVGAngle")}}
    • {{domxref("SVGColor")}}
    • {{domxref("SVGICCColor")}}
    • {{domxref("SVGElementInstance")}}
    • {{domxref("SVGElementInstanceList")}}
    • {{domxref("SVGLength")}}
    • {{domxref("SVGLengthList")}}
    • {{domxref("SVGMatrix")}}
    • {{domxref("SVGNumber")}}
    • {{domxref("SVGNumberList")}}
    • {{domxref("SVGPaint")}}
    • {{domxref("SVGPoint")}}
    • {{domxref("SVGPointList")}}
    • {{domxref("SVGPreserveAspectRatio")}}
    • {{domxref("SVGRect")}}
    • {{domxref("SVGStringList")}}
    • {{domxref("SVGTransform")}}
    • {{domxref("SVGTransformList")}}

    Animated type

    • {{domxref("SVGAnimatedAngle")}}
    • {{domxref("SVGAnimatedBoolean")}}
    • {{domxref("SVGAnimatedEnumeration")}}
    • {{domxref("SVGAnimatedInteger")}}
    • {{domxref("SVGAnimatedLength")}}
    • {{domxref("SVGAnimatedLengthList")}}
    • {{domxref("SVGAnimatedNumber")}}
    • {{domxref("SVGAnimatedNumberList")}}
    • {{domxref("SVGAnimatedPreserveAspectRatio")}}
    • {{domxref("SVGAnimatedRect")}}
    • {{domxref("SVGAnimatedString")}}
    • {{domxref("SVGAnimatedTransformList")}}

    SVG Path segment interfaces

    • {{domxref("SVGPathSegList")}}
    • {{domxref("SVGPathSeg")}}
    • {{domxref("SVGPathSegArcAbs")}}
    • {{domxref("SVGPathSegArcRel")}}
    • {{domxref("SVGPathSegClosePath")}}
    • {{domxref("SVGPathSegCurvetoCubicAbs")}}
    • {{domxref("SVGPathSegCurvetoCubicRel")}}
    • {{domxref("SVGPathSegCurvetoCubicSmoothAbs")}}
    • {{domxref("SVGPathSegCurvetoCubicSmoothRel")}}
    • {{domxref("SVGPathSegCurvetoQuadraticAbs")}}
    • {{domxref("SVGPathSegCurvetoQuadraticRel")}}
    • {{domxref("SVGPathSegCurvetoQuadraticSmoothAbs")}}
    • {{domxref("SVGPathSegCurvetoQuadraticSmoothRel")}}
    • {{domxref("SVGPathSegLinetoAbs")}}
    • {{domxref("SVGPathSegLinetoHorizontalAbs")}}
    • {{domxref("SVGPathSegLinetoHorizontalRel")}}
    • {{domxref("SVGPathSegLinetoRel")}}
    • {{domxref("SVGPathSegLinetoVerticalAbs")}}
    • {{domxref("SVGPathSegLinetoVerticalRel")}}
    • {{domxref("SVGPathSegMovetoAbs")}}
    • {{domxref("SVGPathSegMovetoRel")}}
    • {{domxref("ElementTimeControl")}}
    • {{domxref("TimeEvent")}}

    Other SVG interfaces

    • {{domxref("SVGAnimatedPathData")}}
    • {{domxref("SVGAnimatedPoints")}}
    • {{domxref("SVGColorProfileRule")}}
    • {{domxref("SVGCSSRule")}}
    • {{domxref("SVGExternalResourcesRequired")}}
    • {{domxref("SVGFitToViewBox")}}
    • {{domxref("SVGLangSpace")}}
    • {{domxref("SVGLocatable")}}
    • {{domxref("SVGRenderingIntent")}}
    • {{domxref("SVGStylable")}}
    • {{domxref("SVGTests")}}
    • {{domxref("SVGTextContentElement")}}
    • {{domxref("SVGTextPositioningElement")}}
    • {{domxref("SVGTransformable")}}
    • {{domxref("SVGUnitTypes")}}
    • {{domxref("SVGURIReference")}}
    • {{domxref("SVGViewSpec")}}
    • {{domxref("SVGZoomAndPan")}}

    See also

    Метки документа и участники

    Contributors to this page: Newser, mayconrem
    Обновлялась последний раз: Newser,