SVG Color Change с JavaScript ⇐ CSS

[Anonymous]

Я работаю над промышленным потоком HMI, и я считаю, что JavaScript - единственный способ, которым я могу легко достичь своих целей без покупки специального SW. Мне нужна помощь с изменениями цвета. < /P>
Вот мой пример кода; Как сделать «Lightswitch», а «огни» изменить цвет на красный? Я пытаюсь изменить класс, но не повезло.

Код: Выделить всё

// 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`

Подробнее здесь: https://stackoverflow.com/questions/794 ... javascript