Was ist DOM?

Das DOM (Document Object Model) ist eine API, die die Elemente von HTML- und XML-Dokumenten als Programmiersprachenobjekte verfügbar macht. Die Struktur des DOM für jedes Dokument ähnelt der tatsächlichen Struktur des Markups des Dokuments. Ein Webentwickler kann das DOM programmgesteuert manipulieren, um eine Webseite zu ändern, bevor oder während sie vom Benutzer angezeigt wird.

Die am häufigsten verwendete Programmiersprache im DOM ist JavaScript, das auf den meisten Websites verwendet wird. Die Verwendung von JavaScript ermöglicht dynamische Änderungen am DOM, einschließlich des Ausblendens, Verschiebens und Animierens bestimmter HTML-Elemente (wie Text, Tabellen, Bilder und ganze Unterteilungen).

In der Vergangenheit wies das DOM grundlegende Unterschiede zwischen den Browsern auf, aber heute ist es viel standardisierter geworden, was Entwicklern ein einfacheres Cross-Browser-Scripting ermöglicht.

Ein DOM-Beispiel mit HTML

Betrachten Sie das folgende HTML-Dokument:

<html>
 <head>
 <title>Example</title>
 </head>
 <body>
  <h1>Example Page</h1>
  <p>This is an example page.</p>
 </body>
</html>

Das DOM für diese Seite enthält alle Elemente und alle Textknoten in diesen Elementen. Der Code im vorherigen Beispiel erstellt eine Objekthierarchie wie unten gezeigt.

DOM-Beispiel

Für jedes Element unter dem Dokumentstamm () gibt es einen Elementknoten, und diese Elementknoten haben Textknoten, die den Text enthalten, der sich im Element befindet. Wenn es ein Element mit Attributen gäbe, würde ein Attributknoten für dieses Element erstellt werden. Jeder Text für das Attribut würde einen Textknoten unter diesem Attributknoten erstellen.

Internetbegriffe, Programmierbegriffe

Neueste Artikel
Vielleicht möchten Sie lesen

LEAVE A REPLY

Please enter your comment!
Please enter your name here