Okuzeka
Web Development vocabulary · JavaScript, Frameworks and Tooling

DOM

Meaning in web development, with examples

/dɑːm/abbreviationCore term

In web development, DOM means: Document Object Model: the tree of objects a browser builds from a page's HTML, which JavaScript can read and change while the page is open.

In Turkish: DOM, belge nesne modeli

How it is used

Pronounced as one word, 'dom'. Developers update, query and manipulate the DOM; frameworks such as React use a 'virtual DOM' to work out what to change on the page.

Example sentences

  1. The script runs before the DOM is ready, so it can't find the button.

  2. Avoid changing the DOM directly when you use React.

Common collocations

  • update the DOM
  • DOM element
  • DOM tree
  • virtual DOM
  • manipulate the DOM
  • JavaScriptThe programming language that runs in every web browser and makes pages interactive; with Node.js it also runs on servers.
  • elementA single building block of an HTML page, such as a paragraph, image or button, usually written as an opening tag, content and a closing tag.
  • renderTo turn code and data into what the user sees, either in the browser, which draws the page, or on the server, which builds the HTML.
  • eventSomething that happens in the browser and that code can react to, such as a click, a key press, a form submission or the page finishing loading.

This word in other fields

The same English word can have a different meaning in another field:

More terms: JavaScript, Frameworks and Tooling

Practise with graded reading

Reading at the right level is the fastest way to make new words stick. Pick free English books by level: