The Old NetISSUE #26 of 60

what is dhtml · html + css + js + dom

Pixel PeteVSQuirks Mode

Pixel Pete saysDHTML isn’t a technology — it’s the late-90s name for combining HTML, CSS, JS, and the DOM to make pages dynamic.

"Dynamic HTML" described pages that changed after loading — menus expanding, content swapping — by scripting the DOM and tweaking styles, without a server round-trip. There's no "DHTML API"; it's the combination of four things: HTML structure, CSS presentation, JavaScript behavior, and the DOM as the bridge. The term faded, but everything it described is now just "front-end".

Power-ups you unlock

DHTML = HTML + CSS + JS + DOM together
Pages change after load, no reload
Not a separate technology or API
The term faded; the techniques are everywhere

Quirks Mode attacks — common mistakes

Looking for a "DHTML library" (there isn’t one)
Thinking it’s obsolete (it became modern front-end)
Confusing DHTML with a specific framework

Boss battleName the four ingredients DHTML combines and what each contributes.

Example code

<!doctype html><html><head><meta charset="utf-8"></head>
<body style="background:#06040d;color:#e6e0ff;font-family:sans-serif;padding:20px">
<button id="b">make it dynamic</button><p id="o"></p>
<script>document.getElementById('b').onclick=()=>document.getElementById('o').textContent='HTML+CSS+JS+DOM, changed live';</script></body></html>

▶ Open the interactive comic issue

‹ References · Spec Links · Validators The Dom · The Document Tree ›