Esta página foi traduzida do inglês pela comunidade. Saiba mais e junte-se à comunidade MDN Web Docs.
Modelo de Objeto de Documento (DOM)
O Modelo de Objeto de Documento (DOM) é uma interface de programação para documentos HTML, XML e SVG . Ele fornece uma representação estruturada do documento como uma árvore. O DOM define métodos que permitem acesso à árvore, para que eles possam alterar a estrutura, estilo e conteúdo do documento. O DOM fornece uma representação do documento como um grupo estruturado de nós e objetos, possuindo várias propriedades e métodos. Os nós também podem ter manipuladores de eventos que lhe são inerentes, e uma vez que um evento é acionado, os manipuladores de eventos são executados. Essencialmente, ele conecta páginas web a scripts ou linguagens de programação.
Embora o DOM seja frequentemente acessado usando JavaScript, não é uma parte da linguagem JavaScript. Ele também pode ser acessado por outras linguagens.
Uma introdução ao DOM está disponível.
DOM interfaces
AttrCharacterDataChildNodeExperimentalCommentCustomEventDocumentDocumentFragmentDocumentTypeDOMErrorDOMExceptionDOMImplementationDOMStringDOMTimeStampDOMSettableTokenListDOMStringListDOMTokenListElementEventEventTargetHTMLCollectionMutationObserverMutationRecordNodeNodeFilterNodeIteratorNodeListParentNodeExperimentalProcessingInstructionRangeTextTreeWalkerURLWindowWorkerXMLDocumentExperimental
Interfaces DOM obsoletas
O Modelo de Objeto de Documento foi altamente simplificado. Para conseguir isso, as seguintes interfaces presentes na especificação DOM nível 3 ou especificação anterior foi removida. Ainda não está muito claro se alguns podem ser reintroduzidos ou não, mas por enquanto eles têm que ser considerados obsoletos e devem ser evitados:
Interfaces HTML
Um documento contendo HTML é descrito usando o HTMLDocument interface. Nota-se que a especificação HTML também se extende a Document interface.
Um objeto HTMLDocument também da acesso á vários recursos de navegadores como a aba ou janela, em que uma página é desenhada usando Window interface, o Style associado a ele (normalmente CSS), a história do navegador relativa ao contexto, History. Eventualmente, Selection é feito no documento.
HTML elemento interfaces
HTMLAnchorElementHTMLAppletElementHTMLAreaElementHTMLAudioElementHTMLBaseElementHTMLBodyElementHTMLBRElementHTMLButtonElementHTMLCanvasElementHTMLDataElementHTMLDataListElementHTMLDialogElementHTMLDirectoryElementHTMLDivElementHTMLDListElementHTMLElementHTMLEmbedElementHTMLFieldSetElementHTMLFontElementHTMLFormElementHTMLFrameElementHTMLFrameSetElementHTMLHeadElementHTMLHeadingElementHTMLHtmlElementHTMLHRElementHTMLIFrameElementHTMLImageElementHTMLInputElementHTMLLabelElementHTMLLegendElementHTMLLIElementHTMLLinkElementHTMLMapElementHTMLMediaElementHTMLMenuElementHTMLMetaElementHTMLMeterElementHTMLModElementHTMLObjectElementHTMLOListElementHTMLOptGroupElementHTMLOptionElementHTMLOutputElementHTMLParagraphElementHTMLParamElementHTMLPreElementHTMLProgressElementHTMLQuoteElementHTMLScriptElementHTMLSelectElementHTMLSourceElementHTMLSpanElementHTMLStyleElementHTMLTableElementHTMLTableCaptionElementHTMLTableCellElementHTMLTableDataCellElementHTMLTableHeaderCellElementHTMLTableColElementHTMLTableRowElementHTMLTableSectionElementHTMLTextAreaElementHTMLTimeElementHTMLTitleElementHTMLTrackElementHTMLUListElementHTMLUnknownElementHTMLVideoElement
Outras interfaces
Obsoleto HTML interfaces
SVG interfaces
SVG elemento interfaces
SVGAElementSVGAltGlyphElementSVGAltGlyphDefElementSVGAltGlyphItemElementSVGAnimationElementSVGAnimateElementSVGAnimateColorElementSVGAnimateMotionElementSVGAnimateTransformElementSVGCircleElementSVGClipPathElementSVGColorProfileElementSVGComponentTransferFunctionElementSVGCursorElementSVGDefsElementSVGDescElementSVGElementSVGEllipseElementSVGFEBlendElementSVGFEColorMatrixElementSVGFEComponentTransferElementSVGFECompositeElementSVGFEConvolveMatrixElementSVGFEDiffuseLightingElementSVGFEDisplacementMapElementSVGFEDistantLightElementSVGFEFloodElementSVGFEGaussianBlurElementSVGFEImageElementSVGFEMergeElementSVGFEMergeNodeElementSVGFEMorphologyElementSVGFEOffsetElementSVGFEPointLightElementSVGFESpecularLightingElementSVGFESpotLightElementSVGFETileElementSVGFETurbulenceElementSVGFEFuncRElementSVGFEFuncGElementSVGFEFuncBElementSVGFEFuncAElementSVGFilterElementSVGFilterPrimitiveStandardAttributesSVGFontElementSVGFontFaceElementSVGFontFaceFormatElementSVGFontFaceNameElementSVGFontFaceSrcElementSVGFontFaceUriElementSVGForeignObjectElementSVGGElementSVGGlyphElementSVGGlyphRefElementSVGGradientElementSVGHKernElementSVGImageElementSVGLinearGradientElementSVGLineElementSVGMarkerElementSVGMaskElementSVGMetadataElementSVGMissingGlyphElementSVGMPathElementSVGPathElementSVGPatternElementSVGPolylineElementSVGPolygonElementSVGRadialGradientElementSVGRectElementSVGScriptElementSVGSetElementSVGStopElementSVGStyleElementSVGSVGElementSVGSwitchElementSVGSymbolElementSVGTextElementSVGTextPathElementSVGTitleElementSVGTRefElementSVGTSpanElementSVGUseElementSVGViewElementSVGVKernElement
SVG data type interfaces
Aqui estão a DOM API para tipos de dados utilizados nas definições de propriedades SVG e atributos.
Nota:
Starting in Gecko 5.0, the following SVG-related DOM interfaces representing lists of objects are now indexable and can be accessed ; in addition, they have a length property indicating the number of items in the lists: SVGLengthList, SVGNumberList, SVGPathSegList, and SVGPointList.
Static type
SVGAngleSVGColorSVGICCColorSVGElementInstanceSVGElementInstanceListSVGLengthSVGLengthListSVGMatrixSVGNumberSVGNumberListSVGPaintSVGPointSVGPointListSVGPreserveAspectRatioSVGRectSVGStringListSVGTransformSVGTransformList