Das Document Object Model ist die interne Darstellung von HTML durch den Browser. Es basiert auf der Idee der "Kinder". Also ein <p>
Tag kann mehrere Textknoten und mehrere <span>
Tags, etwa so:
<p><span>Hello,</span> this is some text. <span>It</span> is just a short paragraph</p>
Este <p>
tag hat 4 Kinder: zwei <span>
s, und zwei Textknoten ( this is some text
y is just a short paragraph
). Die anderen Textabschnitte sind Kinder ihrer jeweiligen <span>
Tags.
Der Browser speichert diese Informationen (anstatt nur einen riesigen Strom von HTML zu speichern, der sehr schwer zu verarbeiten ist) in seinem internen Speicher. Dies erleichtert die Formatierung mit Hilfe von Cascading Style Sheets (CSS) und die Änderung mit Hilfe von JavaScript (Erstellen und Löschen von Teilen, Verschieben von Teilen von einem Elternteil zum anderen usw.).
Alle Versionen von HTML (mit Ausnahme vielleicht sehr früher Versionen) verwenden das DOM. Jede Version hat Regeln, z. B. welche Tags gültig sind und welche Elemente Kinder sein können. Diese Regeln werden bei der Verarbeitung von HTML und der Erstellung einer DOM-Darstellung umgesetzt.