The Old NetISSUE #60 of 60

references · examples · the legacy you still touch

Pixel PeteVSQuirks Mode

Pixel Pete saysDHTML’s legacy is the DOM fluency every front-end developer still needs under the framework.

Even in a React app, the DOM, events, and the document are running underneath — and you'll drop to them for focus management, measuring elements, integrating non-framework libraries, and debugging. The DHTML skills (select, create, mutate, listen) are permanent foundations. References: MDN's DOM and Events docs are the canonical, always-current source.

Power-ups you unlock

The DOM runs under every framework
Drop to it for focus, measurement, integration
Select/create/mutate/listen are permanent skills
MDN DOM & Events are the reference

Quirks Mode attacks — common mistakes

Assuming a framework means never touching the DOM
Reaching for a library for trivial DOM work
Skipping the fundamentals and getting stuck debugging

Boss battleName two situations in a framework app where you still touch the raw DOM.

Example code

<!doctype html><html><head><meta charset="utf-8"></head>
<body style="background:#06040d;color:#e6e0ff;font-family:monospace;padding:20px"><pre>still raw DOM, even in React:
  · el.focus() for focus management
  · el.getBoundingClientRect() to measure
  · integrating a non-framework chart/map lib</pre></body></html>

▶ Open the interactive comic issue

‹ Why Dhtml Became Invisible · Frameworks Ate It