Beispiel: 48, Methoden zum Zugriff auf Attribute Download Bsp48

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="200" height="100" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <title>Methoden zum Zugriff auf Attribute</title>
  <defs>
    <script type="text/ecmascript"><![CDATA[
      function attributdemo(evt) {
        var svgdoc = evt.getTarget().getOwnerDocument();
        var ellipse = svgdoc.getElementById('ellipse');
        alert('Liste der Attribute der Ellipse: '+ellipse.getAttributes()+
              '\nWert des Attributs cx: '+ellipse.getAttribute('cx')+
              '\nListe der Style-Eigenschaften: '+ellipse.getStyle()+
              '\nWert der Eigenschaft stroke: '+ellipse.getStyle().getPropertyValue('stroke')+
              '\nKompletter style-Inhalt: '+ellipse.getStyle().getCssText())
      }
    ]]>
    </script>
  </defs>
  <g font-size="20" onclick="attributdemo(evt)">
    <rect x="0" y="0" width="100%" height="100%" fill="#AAAAFF"/>
    <ellipse id="ellipse" cx="50%" cy="44%" rx="60" ry="30" style="fill:#AA9999;stroke:white;stroke-width:2;"/>
    <text x="50%" y="50%" text-anchor="middle">Hier klicken!</text>
  </g>
</svg>

< voriges Beispiel - nächtes Beispiel > Fenster schliessen