JavaScript - 打开一个开关，然后关闭

Question

我的网站上有电灯开关图片。它触发一个函数(使用 onClick)，使整个包装器 div 的不透明度为 0.2，从而产生灯光关闭的效果。

所以点击了开关，灯“熄灭”了，但我不知道如何重新打开它们。

function lightSwitch()
{
    document.getElementById("switchoff").style.opacity = '0.2';
}

我是 JavaScript 的新手，所以我相信解决方案很简单。

Answer 1

function lightSwitch()
{
    var el = document.getElementById("switchoff"),
        opacity = el.style.opacity;

    if(opacity == '0.2')
        el.style.opacity = '1';
    else
        el.style.opacity = '0.2';
}

注意 - 这未经测试，实际值可能不同(“.2”或“0.2”) - 你需要测试“