Das DOM (Document Object Model) ist die Schnittstelle zwischen HTML und dynamischem JavaScript. Alle Elemente werden zu Objekten, die dynamisch aufgerufen, verändert, hinzugefügt und gelöscht werden können.

• EventTarget
  • Node
  • Document (forms, elements)
  • DocumentFragment
    • ShadowRoot
  • Element (abstrakt)
    • HTMLElement
  • Attr (Attribut-Node)
  • CharacterData (abstrakt)
    • Text
    • Comment (Kommentare)
  • AbortSignal

• Event
• Range
• Selection

• 

  Was ist das DOM?
  • Baumstruktur
  • Elementknoten ansprechen
  • Textknoten ansprechen
   
• 

  Eventhandling
  Ereignisse verarbeiten
  • auf Events reagieren
  • Events weitergeben
  • Standardverhalten unterdrücken
   
• DOM-Manipulation
  • Elemente dynamisch
    • erzeugen
    • entfernen
  • Beispiel: ToDo-Liste
    • WebStorage
   

• W3C: DOM
• MDN: Document Object Model (DOM)
• MDN: Über das Document Object Model

Abgerufen am 9.11.2026
von "https://wiki.selfhtml.org/wiki/JavaScript/DOM"

• JavaScript
• Objekt (JavaScript)
• DOM