JavaScript HTML DOM

Via het HTML DOM kan JavaScript toegang krijgen tot en wijzigen van alle elementen van het HTML-document.

HTML DOM (Document Object Model)

Wanneer een webpagina wordt geladen, maakt de browser het documentobjectmodel van de pagina aan (Document Object Model).

HTML DOM Het model is gestructureerd alsObjectboom:

Het HTML DOM-baum van objecten

DOM HTML boom

Via deze objectmodellen krijgt JavaScript alle krachten om dynamische HTML te maken:

  • JavaScript kan alle HTML-elementen in een pagina veranderen
  • JavaScript kan alle HTML-eigenschappen in een pagina veranderen
  • JavaScript kan alle CSS-stijlen in een pagina veranderen
  • JavaScript kan bestaande HTML-elementen en eigenschappen verwijderen
  • JavaScript kan nieuwe HTML-elementen en eigenschappen toevoegen
  • JavaScript kan reageren op alle bestaande HTML-gebeurtenissen in een pagina
  • JavaScript kan nieuwe HTML-gebeurtenissen in een pagina aanmaken

Wat zult u leren

In de volgende hoofdstukken van deze handleiding zult u leren:

  • Hoe verandert u de inhoud van een HTML-element
  • How to change the style (CSS) of HTML elements
  • How to react to HTML DOM events
  • How to add and delete HTML elements

What is DOM?

DOM is a W3C (World Wide Web Consortium) standard.

DOM defines the standard for accessing the document:

"The W3C Document Object Model (DOM) is a platform- and language-neutral interface that allows programs and scripts to dynamically access, update the content, structure, and style of documents."

The W3C DOM standard is divided into 3 different parts:

  • Core DOM - Standard Model for All Document Types
  • XML DOM - Standard Model of XML Document
  • HTML DOM - Standard Model of HTML Document

What is HTML DOM?

HTML DOM is the standard of HTMLObjectsandProgramming Interfaces. It defines:

  • asObjectsof the HTML elements
  • of all HTML elementsProperties
  • to access all HTML elementsMethods
  • of all HTML elementsEvents

In other words: HTML DOM is about how to access, change, add, or delete HTML elements in a standard way.