DOM / Document Object Model

Wenn ein Browser eine Webseite analysiert, dann erstellt er dabei eine Struktur im Arbeitsspeicher, die als Document Object Model (DOM) bezeichnet wird. Das DOM ist die Schnittstelle zwischen HTML, XML, JavaScript und anderen Programmiersprachen. Die Elemente einer Webseite werden hierarchisch vom Wurzelelement ausgehend wie eine Baumstruktur aufgebaut.

Die Struktur

Aus dem Dokument

HTML Codebeispiel


<!DOCTYPE html>
<html lang="de">
<head>
 <meta charset="utf-8">
 <title>Titel der Webseite</title>
</head>
<body>
 <h1>Überschrift</h1>
 <p>Text auf der Webseite</p>
 <p>Das ist DOM</p>
</body>
</html>

Die Schnittstelle ist plattformübergreifend und ermöglicht den Zugriff auf die Elemente des HTML Dokumentes.

Weiter mit Validieren