Document Object Model (DOM)
The browser's in-memory tree representation of an HTML document — what JavaScript reads and modifies to make pages interactive.
In long form.
Every HTML element is a node in the DOM tree. JavaScript APIs (document.querySelector, element.appendChild, etc.) navigate and mutate the tree, and the browser repaints accordingly. Modern frameworks (React, Vue, Svelte) abstract over the DOM with virtual DOM diffing or compile-time optimization, reducing the manual DOM manipulation developers write. Direct DOM access is still common in tooling, A/B testing scripts, and accessibility libraries.
Direct DOM manipulation inside React components is almost always a mistake — it bypasses React's reconciliation and causes hard-to-debug state desync. Use refs for the rare legitimate cases (focus management, third-party library integration).
Talk to us about your engagement.
Discovery calls are free. Scope, timelines, and pricing are quoted after we understand what you’re solving.