nicht angemeldet
Hallo,
nun möchte ich allen elementen in dieser gruppe bei onmouseover eine andere farbe zuweisen. leider weiß ich nicht wie man auf diese elemente in der gruppe zugreift:
Der Zugriff auf alle childNodes der Gruppe nacheinander ist problematisch, weil auch die Zeilenumbrueche Kindknoten von g sind, aber keine Style-Objekte besitzen.
Man kann aber so ueber alle path-Elemente gehen:
var group = svgDoc.getElementById("zoomIn").getElementsByTagName("path");
for(var i=0;i<group.length;i++)
{
group.item(i).getStyle().setProperty("fill","#F00");
}
oder einfacher nur die Farbe fuer die gesamte Gruppe setzen:
svgDoc.getElementById("zoomIn").getStyle().setProperty("fill","#F00");
Ich wuerde das in diesem Fall sogar ganz ohne Scripting loesen und die Animatinselemente von SVG bemuehen, hier ist set sinnvoll, siehe: http://www.datenverdrahten.de/svglbc/?code=g_animation.
MfG, Thomas