Modelo de Objetos del Documento (DOM)
El Modelo de Objetos del Documento (DOM, por sus siglas en Inglés) conecta páginas web a scripts o lenguajes de programación al representar la estructura de un documento, como el HTML que representa una página web, en la memoria. Por lo general, se refiere a JavaScript, aunque el modelado de documentos HTML, SVG o XML como objetos no forma parte del lenguaje principal de JavaScript.
El DOM representa un documento con un árbol lógico. Cada rama del árbol termina en un nodo y cada nodo contiene objetos. Los métodos DOM permiten el acceso programático al árbol. Con ellos, puede cambiar la estructura, el estilo o el contenido del documento.
Los nodos también pueden tener controladores de eventos adjuntos. Una vez que se activa un evento, los controladores de eventos se ejecutan.
Para saber más sobre qué es el DOM y cómo representa los documentos, consulta nuestro artículo Introducción al DOM.
Interfaces DOM
AbortControllerAbortSignalAbstractRangeAttrCDATASectionCharacterDataCommentCustomEventDocumentDocumentFragmentDocumentTypeDOMErrorObsoletoDOMExceptionDOMImplementationDOMParserDOMPointDOMPointReadOnlyDOMRectDOMTokenListElementEventEventTargetHTMLCollectionMutationObserverMutationRecordNamedNodeMapNodeNodeFilterNodeIteratorNodeListProcessingInstructionRangeStaticRangeTextTextDecoderTextEncoderTimeRangesTreeWalkerXMLDocument
Interfaces DOM obsoletas
El modelo de objetos del documento se ha simplificado mucho. Para lograr esto, se han eliminado las siguientes interfaces presentes en los diferentes DOM nivel 3 o especificaciones anteriores. No está claro si algunos podrán reintroducirse en el futuro o no, pero por el momento deben considerarse obsoletos y deben evitarse:
DOMConfigurationDOMErrorHandlerDOMImplementationListDOMImplementationRegistryDOMImplementationSourceDOMLocatorDOMObjectDOMSettableTokenListDOMUserDataElementTraversalEntityEntityReferenceNameListNotationTypeInfoUserDataHandler
HTML DOM
Un documento que contiene HTML se describe utilizando la interfaz Document, que se amplía mediante la especificación HTML para incluir varias características específicas de HTML. En particular, la interfaz Element se mejora para convertirse en HTMLElement y varias subclases, cada una de las cuales representa uno (o una familia de parientes cercanos) de los elementos.
La API de HTML DOM brinda acceso a varias funciones del navegador, como pestañas y ventanas, estilos y hojas de estilo CSS, historial del navegador, etc. Estas interfaces se analizan con más detalle en la documentación de la API de HTML DOM.
Interfaces SVG
Interfaces de elementos SVG
SVGAElementSVGAltGlyphElementObsoletoSVGAltGlyphDefElementObsoletoSVGAltGlyphItemElementObsoletoSVGAnimationElementSVGAnimateElementSVGAnimateColorElementObsoletoSVGAnimateMotionElementSVGAnimateTransformElementSVGCircleElementSVGClipPathElementSVGComponentTransferFunctionElementSVGCursorElementSVGDefsElementSVGDescElementSVGElementSVGEllipseElementSVGFEBlendElementSVGFEColorMatrixElementSVGFEComponentTransferElementSVGFECompositeElementSVGFEConvolveMatrixElementSVGFEDiffuseLightingElementSVGFEDisplacementMapElementSVGFEDistantLightElementSVGFEDropShadowElementSVGFEFloodElementSVGFEFuncAElementSVGFEFuncBElementSVGFEFuncGElementSVGFEFuncRElementSVGFEGaussianBlurElementSVGFEImageElementSVGFEMergeElementSVGFEMergeNodeElementSVGFEMorphologyElementSVGFEOffsetElementSVGFEPointLightElementSVGFESpecularLightingElementSVGFESpotLightElementSVGFETileElementSVGFETurbulenceElementSVGFilterElementSVGFilterPrimitiveStandardAttributesSVGFontElementObsoletoSVGFontFaceElementObsoletoSVGFontFaceFormatElementObsoletoSVGFontFaceNameElementObsoletoSVGFontFaceSrcElementObsoletoSVGFontFaceUriElementObsoletoSVGForeignObjectElementSVGGElementSVGGeometryElementSVGGlyphElementObsoletoSVGGlyphRefElementObsoletoSVGGradientElementSVGGraphicsElementSVGHatchElementExperimentalSVGHatchpathElementExperimentalSVGHKernElementObsoletoSVGImageElementSVGLinearGradientElementSVGLineElementSVGMarkerElementExperimentalSVGMaskElementSVGMetadataElementSVGMissingGlyphElementObsoletoSVGMPathElementSVGPathElementSVGPatternElementSVGPolylineElementSVGPolygonElementSVGRadialGradientElementSVGRectElementSVGScriptElementSVGSetElementSVGStopElementSVGStyleElementSVGSVGElementSVGSwitchElementSVGSymbolElementSVGTextContentElementSVGTextElementSVGTextPathElementSVGTextPositioningElementSVGTitleElementSVGTRefElementObsoletoSVGTSpanElementSVGUseElementSVGViewElementSVGVKernElementObsoleto
Interfaces de tipo de datos SVG
Estas son las API de DOM para los tipos de datos utilizados en las definiciones de propiedades y atributos de SVG.
Tipos estáticos
SVGAngleSVGColorObsoletoSVGICCColorObsoletoSVGElementInstanceSVGElementInstanceListSVGLengthSVGLengthListSVGNameListSVGNumberSVGNumberListSVGPaintSVGPathSegObsoletoSVGPathSegClosePathObsoletoSVGPathSegMovetoAbsObsoletoSVGPathSegMovetoRelObsoletoSVGPathSegLinetoAbsObsoletoSVGPathSegLinetoRelObsoletoSVGPathSegCurvetoCubicAbsObsoletoSVGPathSegCurvetoCubicRelObsoletoSVGPathSegCurvetoQuadraticAbsObsoletoSVGPathSegCurvetoQuadraticRelObsoletoSVGPathSegArcAbsObsoletoSVGPathSegArcRelObsoletoSVGPathSegLinetoHorizontalAbsObsoletoSVGPathSegLinetoHorizontalRelObsoletoSVGPathSegLinetoVerticalAbsObsoletoSVGPathSegLinetoVerticalRelObsoletoSVGPathSegCurvetoCubicSmoothAbsObsoletoSVGPathSegCurvetoCubicSmoothRelObsoletoSVGPathSegCurvetoQuadraticSmoothAbsObsoletoSVGPathSegCurvetoQuadraticSmoothRelObsoletoSVGPathSegListObsoletoSVGPointObsoletoSVGPointListObsoletoSVGPreserveAspectRatioSVGRectObsoletoSVGStringListSVGTransformSVGTransformList
Tipos animados
Interfaces relacionadas con SMIL
Otras interfaces SVG
GetSVGDocumentShadowAnimationSVGColorProfileRuleObsoletoSVGCSSRuleObsoletoSVGDocumentSVGExceptionObsoletoSVGFitToViewBoxSVGLocatableObsoletoSVGRenderingIntentObsoletoSVGUnitTypesSVGUseElementShadowRootSVGViewSpecObsoletoSVGZoomEventObsoleto
Especificaciones
| Specification |
|---|
| DOM Standard |