DOM
7
5.9
- noun
- /diː.oʊ.ɛm/
- Specialized
- The JavaScript code modifies the DOM to update the content of the web page dynamically.
Examples
-
How quickly can a very complex DOM, including tens of thousands of elements, be laid out and rendered?
Blog text (21) -
You can catch a change in the DOM using the WebKitMutationObserver constructor.
Blog text (10) -
Run a function when the DOM is loaded.
Blog text (28) -
I need the entire DOM of the page that is parsed.
Blog text (31) -
That's when you use DOMContentLoaded, which fires when the DOM has loaded but before assets like images have loaded.
Blog text (18) -
How quickly can we reorder, re-Z-index, re-style, render to, and move around thousands of elements in the DOM?
Blog text (21) -
The amount of time you save by not writing JavaScript to manipulate the DOM is fantastic and is a good trade-off for the pain points listed above.
Blog text (3) -
We switched to server-side rendering and then did client-side operations on the DOM using a lightweight engine we wrote that uses the DOM as the data storage.
Blog text (21) -
You can call the DOM overly verbose, ill-suited for JavaScript, and somewhat nonsensical, and you would be correct on all counts.
Blog text (24) -
String-based is super fast (think JsRender and Handlebars), but there are clear advantages to the DOM-based, as shown by Knockout.
Blog text (21)
Compounds
- South African
A cold dessert drink made by mixing ice cream with whisky, often served after dinner
Surface Forms
Morphology
DOM = D + O + M
As an acronym, the meaning of 'DOM' cannot be inferred from the individual letters by an average learner unless they already know the technical expansion 'Document Object Model'.
Etymology
DOM comes from the first letters of Document, Object, and Model; a helpful way to remember it is as a 'model' or 'map' made of 'objects' that show the parts of a web page. That's why the DOM is the structured map browsers and scripts use to find and change a page's content.