O que é DOM em uma página da Web?

O Document Object Model РDOM, uma especificação de interface de programação desenvolvida pela World Wide Web Consortium, da sigla: W3C. Ele permite que um programador crie e modifique páginas HTML e documentos XML como objetos de programa completos.

O padrão DOM do W3C é separado em 3 partes diferentes:

  1. DOM principal – modelo padr√£o para todos os tipos de documentos.
  2. XML DOM – modelo padr√£o para documentos XML.
  3. HTML DOM – modelo padr√£o para documentos HTML.

Quando uma página da web é carregado, o navegador cria um Document Object Model da página, o modelo HTML DOM é construído como uma árvore de objetos.

O que é DOM de uma página da Web

Qual é a principal função do Dom?

O DOM √© conhecido como modelo de objeto Document e permite o acesso de documentos como HTML e XML. – Permite que uma plataforma seja neutra em termos de linguagem e forne√ßa uma interface que permita o uso din√Ęmico dos scripts e programas para acessar o conte√ļdo.

O que é o HTML DOM?

O HTML DOM é um modelo de objeto padrão e uma interface de programação para HTML. Ele no entanto, define:

  1. Os elementos HTML como objetos.
  2. As propriedades de todos os elementos HTML.
  3. Os métodos para acessar todos os elementos HTML.
  4. Os eventos para todos os elementos HTML.

Em outras palavras: O HTML DOM é um padrão para obter, alterar, adicionar ou excluir elementos HTML.ML.

Processo de carregamento de p√°gina

Aqui est√£o os principais passos no carregamento da maioria das p√°ginas da web. S√£o as 7 principais etapas, que correspondem aos passos numerados abaixo.

  1. Um carregamento de página começa quando um usuário seleciona um hiperlink. E logo depois, envia um formulário, ou digita um URL em um navegador. Isso também é chamado de solicitação inicial. Ou então, início de navegação.
  2. A ação do usuário envia uma solicitação pela rede para o servidor de aplicativos da web.
  3. A solicita√ß√£o chega ao aplicativo para processamento. Contudo, a solicita√ß√£o pode levar algum tempo para come√ßar a ser processada. Isso pode ser o resultado do enfileiramento de solicita√ß√Ķes, ou de outros fatores.
  4. O aplicativo finaliza o processamento e envia uma resposta HTML de volta à rede para o navegador do usuário. Às vezes, isso é chamado de início de resposta, ou primeiro byte.
  5. O navegador do usuário recebe a resposta HTML e começa a processar o Document Object Model, ou DOM.
  6. O DOM termina de carregar; este ponto é conhecido como DOM pronto. Usando o DOM, o navegador do usuário começa a renderizar a página.
  7. A página termina a renderização no navegador do usuário e o evento de carregamento da janela é acionado. Por fim, para páginas que usam carregamento assíncrono, alguns elementos podem continuar a carregar após o evento de carregamento da janela do navegador web.

Tipos de dados Importantes

Esta refer√™ncia tenta descrever os v√°rios objetos e tipos em termos simples.¬†Mas h√° v√°rios tipos de dados diferentes sendo passados ‚Äč‚Äčpela API dos quais voc√™ deve estar ciente.¬†Por uma quest√£o de simplicidade, os exemplos de sintaxe nessa refer√™ncia de API geralmente se referem a n√≥s como¬†elements, a matrizes de n√≥s como¬†nodeLists, ou simplesmente¬†elements.¬†E a¬†attribute n√≥s simplesmente como¬†attributes.

Elementos e dados Importantes

A tabela a seguir descreve resumidamente esses tipos de dados.
Document Quando um membro retorna um objeto do tipo document. Por exemplo, a ownerDocument propriedade de um elemento retorna documenta o qual ele pertence. Esse objeto, no entanto, é o document próprio objeto raiz . O capítulo de referência do DOM document descreve o document objeto.
Element element refere-se a um elemento ou um nó do tipo elemento retornado por um membro da API do DOM. Em vez de dizer, por exemplo, que o método document.createElement() retorna uma referência de objeto para a node, apenas dizemos que esse método retorna o element que acaba de ser criado no DOM.
NodeList A¬†nodeList √© uma matriz de elementos, como o tipo retornado pelo m√©tododocument.getElementsByTagName().¬†Itens em um¬†nodeList s√£o acessados ‚Äč‚Äčpor √≠ndice de duas maneiras:
list.item (1)
lista [1]
Esses dois s√£o equivalentes.¬†No primeiro,¬†item() √© o √ļnico m√©todo no objeto nodeList.¬†O √ļltimo usa a sintaxe de matriz t√≠pica para buscar o segundo item na lista.
Attribute Quando um¬†attribute √© retornado por um membro, por exemplo: pelo m√©todo createAttribute(), √© uma refer√™ncia de objeto que exp√Ķe uma interface especial; embora pequena; para atributos.¬†Atributos s√£o n√≥s no DOM exatamente como os elementos s√£o, embora voc√™ raramente os use como tal.
NamedNodeMap A¬†namedNodeMap √© como uma matriz, mas os itens s√£o acessados ‚Äč‚Äčpor nome ou √≠ndice, embora este √ļltimo caso seja apenas uma conveni√™ncia para enumera√ß√£o, j√° que eles n√£o est√£o em nenhuma ordem espec√≠fica na lista.¬†AnamedNodeMap tem um¬†item()m√©todo para esse prop√≥sito, e voc√™ tamb√©m pode adicionar e remover itens de um arquivo¬†namedNodeMap.

 


Novo Google PageSpeed ‚Äč‚ÄčInsights est√° mais amig√°vel
O que s√£o fontes do Google e como us√°-las?
10 maneiras de ganhar dinheiro com site
Meta Tags todos os comandos Meta HTML
Como melhorar seus negócios com sites : cloud empresas

Deixe uma resposta

O seu endereço de e-mail não será publicado.