DOM

O DOM (Document Object Model, ou Modelo de Objetos do Documento) é o modelo interno que o navegador tem de uma página Web: cada título, parágrafo, imagem e contentor torna-se um nó numa árvore que o navegador cria a partir do HTML.

Os scripts e os estilos funcionam lendo e alterando essa árvore. Quando o JavaScript insere um item de menu ou o CSS oculta um painel, ambos estão a comunicar com o DOM — não com o ficheiro HTML original no disco. Um DOM grande ou profundamente aninhado significa mais trabalho para cada atualização, razão pela qual o tamanho do DOM aparece nos problemas de desempenho.

A partir do DOM, o navegador também cria a árvore de acessibilidade: uma representação simplificada que a tecnologia de apoio utiliza. Se faltar um elemento ou este tiver um nome incorreto, um leitor de ecrã não o consegue apresentar corretamente, independentemente do aspeto da página.

Saiba mais

• DOM Standard — a especificação WHATWG
• Introduction to the DOM (MDN) — uma visão geral acessível
• Árvore de acessibilidade