Was ist das DOM?

(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)

DOM ist die Abkürzung für Document Object Model und bezeichnet eine hierarchische Ordnung von Objekten und Methoden. XML-Dokumente wie SVG-Grafiken stellen ein spezielles XML-DOM zur Verfügung, in diesem Fall wird es SVG-DOM genannt. Es hat sehr viel Ähnlichkeit mit dem W3C-DOM, das Netscape 6.0 unterstützt. Es gibt Objekte zum Zugriff auf die einzelnen Elemente der SVG-Grafik. Mit bestimmten Methoden für diese Objekte können Sie dann auch Elemente einfügen oder löschen oder Sie können Eigenschaften dieser Elemente ändern und so bspw. die Füllfarbe oder einen Filtereffekt für ein Element ändern. Details zur Verwendung des DOMs folgen später.

Neben dem DOM benötigen Sie auch noch Ereignisse oder Events. Sie definieren bestimmte Situationen, in denen Sie Funktionen oder Skriptanweisungen ausführen können. Diese Anweisungen werden als Eventhandler bezeichnet. Bspw. wird beim Klicken auf ein Element das Ereignis onclick ausgelöst. Diesem können Sie dann eine Funktion zuweisen, die ausgeführt wird, wenn der Betrachter das Element anklickt. Das erste Beispiel dieses Kapitels zeigt, wie die Ereignisse onmouseover und onmouseout verwendet werden. Sie entsprechen den gleichnamigen HTML-Events. onmouseover tritt ein, wenn der Mauszeiger über das Element bewegt wird, onmouseout, wenn der Mauszeiger das Element wieder verlässt.

Hinweis:
Skripting in SVG-Dateien funktioniert im Prinzip wie Skripting in Webseiten, mit dem einzigen Unterschied, dass die verschiedenen Browser sich im Umgang mit den Skripten sehr ähnlich verhalten. Es gibt zwar gewisse Unterschiede, aber nahezu jedes Skript funktioniert auf Anhieb in allen Browsern. Allerdings kann der Netscape Navigator Probleme machen, wenn Sie den Script-Code der Datei ändern und ein Reload machen. Dann zeigt der Netscape Navigator in der Quellcodeanzeige zwar den neuen Code an, berücksichtigt ihn aber nicht in der Grafik. Das führt manchmal zu der irrigen Annahme, dass der Code nicht funktioniert. Da hilft dann in der Regel nur, alle Netscape-Fenster zu schließen, Netscape neu zu starten und die Datei neu zu laden.

   

<< zurück

vor >>