vanderlei
glossárioWeb
$cat~/glossario/dom.md

DOM

Web Platform

Representação em árvore do documento HTML como objetos manipuláveis por JS.

dom.mdmarkdown
01

seção

Explicação

DOM — Representação em árvore do documento HTML como objetos manipuláveis por JS.

Document Object Model — árvore de nós representando HTML parseado. JS lê e muta via APIs (querySelector, appendChild).

Reflow/repaint custosos — batch DOM writes, use DocumentFragment.

02

seção

Exemplo

snippetJavaScript
const main = document.querySelector("main");const p = document.createElement("p");p.textContent = "Olá";main.appendChild(p);
03

seção

Modo de uso

  • Manipular UI sem framework

  • Medir layout getBoundingClientRect

  • Integrar libs vanilla

04

seção

Armadilhas comuns

  • innerHTML com user input — XSS

  • Live NodeList surpresa em loop mutating

05

seção

Termos relacionados

DOM NodeDOM ElementEvent Listener
$cd~/glossario/artigo

Aprofundar no artigo

Quer ir além? Este artigo explora o tema em profundidade — leitura recomendada após o glossário.

web platform· 12 min

DOM em JavaScript: Entendendo Como a Página se Torna um Objeto Vivo

Aprenda o que é o DOM, como selecionar e manipular elementos HTML com JavaScript, e por que frameworks existem para simplificar essa ponte entre código e página.

ler artigo
$cd~/glossario/relacionados

Mais em Web Platform

Outros termos da mesma categoria para revisão em sequência.