DOM

Onde usar

Aparece ao manipular elementos da página, como mudar um texto ou reagir a cliques. Importa porque mexer no DOM é caro, e frameworks existem em parte para reduzir essas operações.

Em código

const el = document.createElement('p');
el.textContent = 'Olá, DOM';
document.body.append(el);
console.log(document.body.children.length);

Exemplos

Updating the DOM on every keystroke makes the page lag.

Atualizar o DOM a cada tecla deixa a página lenta.

Node has no DOM, so document is undefined there.

O Node não tem DOM, então document é undefined lá.

Cuidado

Achar que o DOM faz parte da linguagem; ele é uma API do navegador e não existe no Node puro.

Sinônimos

Document Object Model