dom (modelo de objeto de documento) é parte integrante do JavaScript, que fornece métodos e interfaces para o JavaScript processar o conteúdo da página da web; todas as operações executadas pelo JavaScript nas páginas da web são realizadas através do DOM.
JavaScript completo é composto pelas três partes a seguir:
-
Core (ECMAScript): Fornece a sintaxe e os objetos básicos da linguagem;
-
Document Object Model (DOM): Fornece métodos e interfaces para processamento de conteúdo da web;
-
Modelo de objeto do navegador (BOM): fornece métodos e interfaces para interagir com o navegador.
Modelo de objeto de documento (DOM)
DOM (Document Object Model) é a interface de programação de aplicativos (API) para HTML e XML. O DOM planejará a página inteira como um documento que consiste em uma hierarquia de nós. Cada parte de uma página HTML ou XML é descendente de um nó.
O DOM representa documentos criando árvores, dando aos desenvolvedores um controle sem precedentes sobre o conteúdo e a estrutura dos documentos. Os nós podem ser facilmente removidos, adicionados e substituídos pela API DOM (getElementById, childNodes, appendChild, innerHTML).
Relação entre DOM e JavaScript
Todos nós sabemos que JavaScript é uma linguagem de programação e que os arquivos .js são códigos escritos em JavaScript, então qual é o papel do DOM nele?
DOM não é uma linguagem de programação, mas sem DOM, a linguagem JavaScript não teria nenhuma operação web. Tudo o que fazemos com JavaScript em uma página web acontece através do DOM.
O trecho de código a seguir mostra a diferença entre JavaScript e DOM de forma mais intuitiva. A parte marcada em vermelho no código é DOM:
var Tags = document.getElementsByTagName("a");
for (var i = 0; i < Tags.length; i++) { alert("Href deste elemento é:" + Tags[i].href + "\n"); }
Dessa forma, fica claro qual é o núcleo do JavaScript, qual é o DOM e qual o papel que cada um desempenha. (O código não é explicado aqui).
Portanto, existe uma equação aproximada:
página web ou XML = DOM +JS (linguagem de script)
◼️ Resumo
js é JavaScript, que é uma linguagem de script para páginas da web, que pode realizar alguns efeitos dinâmicos nas páginas da web.
DOM é a abreviatura de Document Object Model, que significa Document Object Model. É um modelo que pode ser facilmente operado com código javascript. Especificamente, DOM é um modelo que trata cada documento HTML como uma estrutura de árvore composta por muitos objetos. , o a raiz da árvore é o objeto do documento.
Simplificando, DOM é uma estrutura de documento HTML. Na verdade, é uma especificação formulada para permitir que js opere elementos html. A raiz do dom é o objeto do documento, que possui muitas propriedades e métodos, como criar nós, copiar nós e remoção de nós. , Modificar atributos, etc.
◼️ Referências
Coluna do tutorial DOM - Análise completa dos princípios básicos do DOM
Introdução ao DOM | DOM em profundidade
A relação entre JS e DOM?_A relação entre js e dom
Objeto DOM de JS (objeto Document de JS) - o que é um objeto DOM?