Zur Startseite - about-svg.de
  Scripting
  DOM
  getDocument
  getElementById
  get...sByTagName
  getStyle
  setAttribute
  createElement
  get...TextLenght
   

 

 

 

Document Object Model

 

plattform- und anwendungsneutrales Modell zur Beschreibung von Objektzusammenhängen in einer Baumstruktur (XML, HTML)

 
Baum wird immer von oben nach unten durchlaufen:
 
1. Das Dokument
(document)
 
2. Das Root-Tag
(<svg>)
 
3. Dessen erstes Child-Tag
(SVG-Elemente)
 
4. ...
 
 
Mit DOM Einfluss auf folgende Eigenschaften:
 
1. Inhalte
(Änderung von Text, Zeichenelementen, Bildern etc.)
 
2. Strukturen
(neue Elemente oder Attribute einfügen)
 
3. Styles
(Änderungen der Stilformatierungen, wie Farbe, Transparenz etc.)
 
für dynamische und scriptgesteuerte Grafiken ist DOM unumgänglich
 

Document Object Model:

 

 

(Iris Fibinger: "SVG - Scalable Vector Graphics")


DOM-Beispiel:
 

 

  nach oben 

 
 
  Zum Leipzig-Entertainer (SVG)  
     
  Zum Campusplan (SVG)  
     
  Zum SVG-Tutorial (SVG)  
     
  Zum Wankelmotor (SVG)