SVG -Farbänderung mit JavaScript ⇐ CSS

[Guest]

Ich arbeite an einem industriellen Fluss HMI und ich glaube, JavaScript ist der einzige Weg, wie ich meine Ziele mit dem Kauf von Special SW leicht erreichen kann. Ich brauche Hilfe bei Farbänderungen. < /P>
Hier ist mein Beispielcode. Wie mache ich den "Lichtschalter" und die "Lichter" die Farbe in Rot? Ich versuche die Klasse zu ändern, habe aber kein Glück.

Code: Select all

// 0=OPEN 1=CLOSE
let Switchstate = 0














Wire


Lights






LightSwitch




A



B








function ToggleState() {
var theSwitch = document.getElementById("LightSwitch")
if (Switchstate==0) {
Switchstate = 1;
console.log("Turn ON...");
theSwitch.setAttribute("transform", "translate(0,0) rotate(0,100, 100)");
theSwitch.className.baseVal = "V110";
} else {
theSwitch.setAttribute("transform", "translate(0,0) rotate(39,100, 100)");
Switchstate = 0;
console.log("Turn OFF...");
theSwitch.className.baseVal = "NOVOLTS";
}
}
///////////////////////////////////////////////////////////////////////
var pic_src=setInterval(ToggleState,2000);
`enter code here`