DOM

Das Document Object Model

Das Document Object Model des World Wide Web Consortiums beschreibt, wie die im Browser implementierte Scriptsprache JavaScript das Dokument sieht – und manipulieren kann. Das Dokument wird dabei als Knotenbaum repräsentiert, der eine Wurzel hat ("body"), welcher Kindknoten besitzt, die wiederum eigene Kindknoten haben können.

        +-- Überschrift
        |
body ---+-- Absatz      +-- Eingabefeld
        |               |
        +-- Formular ---+-- Checkbox
                        |
                        +-- Submit-Button

Die Kinder eines Knotens haben eine festgelegte Reihenfolge – erstes, zweites, ..., letztes. Im obigen Beispiel ist "Eingabefeld" der erste Kindknoten von "Formular", welches wiederum das dritte (bzw. gleichzeitig letzte) Kind von "body" ist. Wege, die sich im Baum schon getrennt haben, können niemals wieder zusammen wachsen, d.h. zu einem bestimmten Knoten gibt es genau einen Pfad vom "body" dorthin.

Wurzeln

<title>Document Object Model - Tim Reeves Internet-Programmierung</title> <meta name= "description" content= "Browser-Technologie - DOM - Das Document Object Model des W3C - Tim Reeves Internet-Programmierung" /> <meta name= "keywords" content= "DOM, Document Object Model" /> <meta name= "date" content= "2007-12-29" /> <?php include("../head.inc.php"); include("../navi.inc.php"); ?> <div class= "content"> <table cellpadding= "0" cellspacing= "0" class= "spalten"> <tr> <td class= "sp3"> <h1>DOM</h1> <h3 class= "spaltenkopf">Das Document Object Model</h3> <p>Das Document Object Model des World Wide Web Consortiums beschreibt, wie die im Browser implementierte Scriptsprache <a href= "browser-javascript.php">JavaScript</a> das Dokument sieht – und manipulieren kann. Das Dokument wird dabei als Knotenbaum repräsentiert, der eine Wurzel hat ("body"), welcher Kindknoten besitzt, die wiederum eigene Kindknoten haben können.</p> <pre style= "margin: 10px 0px;"> +-- Überschrift | body ---+-- Absatz +-- Eingabefeld | | +-- Formular ---+-- Checkbox | +-- Submit-Button</pre> <p class= "lessluft">Die Kinder eines Knotens haben eine festgelegte Reihenfolge – erstes, zweites, ..., letztes. Im obigen Beispiel ist "Eingabefeld" der erste Kindknoten von "Formular", welches wiederum das dritte (bzw. gleichzeitig letzte) Kind von "body" ist. Wege, die sich im Baum schon getrennt haben, können niemals wieder zusammen wachsen, d.h. zu einem bestimmten Knoten gibt es genau einen Pfad vom "body" dorthin.</p> </td> <td class= "gap"> </td> <td class= "sp2"> <img src= "../images/treeroots.jpg" width= "271" height= "414" style= "margin-top:13px;" alt= "Wurzeln" /> </td> </tr> </table> </div> <?php include("../tail.inc.php"); ?>