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

 

 

 

getStyle()

 

getStyle(styleName)


Hier werden keine Sytle-Attribute ausgelesen, sondern eine Liste mit allen Style-Eigenschaften zurückgegeben. Die Eigenschaften müssen aber im Style-Attribut vordefiniert sein.

getPropertyValue()


Entsprechend ihres Namens wird diese Funktion den Wert der Style-Eigenschaft wiedergegeben.

 

Beispiel:

 

 

 


Quellcode:
 
   
 

<script type="text/javascript">
<![CDATA[
function getstyle(evt) {
var doku = evt.target();
var owner = doku.ownerDocument();
var elem = owner.getElementById('poly');
var style = elem.style();
var swidth = elem.style.getPropertyValue('stroke-width');
alert('Die Referenz zum Style: ' + style )
alert('Die Strichstärke der Polylinie: ' + swidth )

}
]]>
</script>

<circle cx="230" cy="120" r="10" fill="#990000" opacity="0.5" onclick="getstyle(evt)" cursor="pointer">
<set attributeName="opacity" attributeType="CSS" to="1.0" begin="mouseover"/>
<set attributeName="stroke" attributeType="CSS" to="#fff" begin="mouseover"/>
<set attributeName="opacity" attributeType="CSS" to="0.5" begin="mouseout"/>
<set attributeName="stroke" attributeType="CSS" to="none" begin="mouseout"/>
</circle>

<g transform="scale(0.7,0.7) translate(0,-250)">
<polyline id="poly" style="stroke:yellow; fill:none; stroke-width: 3px"
points=" 70,400 150,350 180,370 180,350 200,350 200,380
235,400 235,470 70,470 70,400" />
</g>

 

  nach oben 

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