Modelo de Objeto de Documento (DOM)

O Modelo de Objeto de Documento (DOM) interliga as páginas da Web para scripts ou linguagens de programação. Normalmente, isso significa que JavaScript, mas a modelagem de documentos HTML, SVG ou XML como objetos não é parte da linguagem de JavaScript. O modelo DOM representa um documento com uma árvore lógica. Cada ramo da árvore termina em um nodo, e cada nodo contém objetos. Os métodos DOM permitem o acesso programático à árvore; com eles, pode alterar a estrutura, o estilo ou o conteúdo do documento. Os nodos podem ter manipuladores de eventos anexados aos mesmos. Quando é acionado um evento, os manipuladores de eventos são executados .

Está disponível uma introdução ao DOM.

The Document Object Model has been highly simplified. To achieve this, the following interfaces present in the different DOM level 3 or earlier specification have been removed. It is still not very clear whether some may be reintroduced or not, but for the time being they have to be considered as obsolete and should be avoided:

A document containing HTML is described using the HTMLDocument (en-US) interface. Note that the HTML specification also extends the Document interface.

An HTMLDocument object also gives access to various features of browsers like the ta or the window, in which a page is drawn using the Window interface, the Style associated to it (usually CSS), the history of the browser relative to the context, History (en-US). Eventually, Selection is done on the document.

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

Tipo estático

Tipo animado

• Exemplos de DOM