Com JavaScript, você pode reconstruir todo o documento HTML. Você pode adicionar, remover, alterar ou reorganizar itens na página. Para alterar algo na página, o JavaScript precisa acessar a entrada em todos os elementos no documento HTML. Essa entrada, juntamente com o método e os atributos do elemento HTML para adicionar, mover, alterar ou remover, é obtido pelo Modelo de Objeto de Documento (DOM). Em 1998, o W3C lançou a primeira especificação de DOM de nível. Esta especificação permite o acesso e operação de cada elemento individual na página HTML. Todos os navegadores executam esse padrão; portanto, é quase difícil encontrar a compatibilidade do DOM. O DOM pode ser usado pelo JavaScript para ler e alterar documentos HTML, XHTML e XML.
DOM é dividido em diferentes partes (núcleos, xml, html) e nível (DOM Nível 1/2/3):Domom do núcleo
Defina um conjunto de padrões para qualquer objeto de documento estruturado
XML DOM
Defina um conjunto de padrões para documentos XML
Html dom
Defina um conjunto de padrões para documentos HTML.
nóDe acordo com o DOM, cada componente no documento HTML é um nó.
DOM é fornecido assim:
Os nós têm um relacionamento hierárquico um com o outro. Todos os nós no documento HTML formam uma árvore de documentos (ou árvore de nós). Cada elemento, atributo, texto etc. no documento HTML representa um nó na árvore. A árvore começa no nó do documento e continua a estender os galhos até que todos os nós de texto no nível mais baixo da árvore estejam por toda parte.
A figura a seguir mostra uma árvore de documentos (Node Tree):
Árvore de documentos (número de nós)Consulte o seguinte documento HTML:
Html; </html>
Todos os nós acima têm um relacionamento entre si. Cada nó, exceto para os nós do documento, possui nós pais. Por exemplo, os nós pais de <head> e <body> são nós <html>, e os nós pais do nó de texto Hello World! A maioria dos nós de elementos possui sub -nodos. Por exemplo, o nó <head> possui um sub -nó: <title> nó. <title> Há também um tutorial sub -nó: nó de texto DOM. Quando os nós compartilham o mesmo nó pai, eles são a mesma geração (o mesmo nó). Por exemplo, <h1> e <p> são seus colegas, porque seus nós pais são nós dois <body>. Os nós também podem ter filhos. Por exemplo, todos os nós de texto são descendentes de nós <html>, e o primeiro nó de texto é a prole do nó <head>. Nós também podem ter ancestrais. O ancestral é o nó pai de um nó, ou o nó pai do nó pai e assim por diante. Por exemplo, todos os nós de texto podem usar <html> nós como nós antecessores.