单击按钮时更改按钮的背景色

Question

我正在尝试background-color使用JavaScript 更改按钮的属性。该脚本检查当前background-color设置为什么，然后切换它。这是JavaScript代码：

function btnColor(btn,color) {
    var property=document.getElementById(btn);
    if (property.style.background-color == "#f47121") {
        property.style.background-color=Color;
    }
    else {
        property.style.background-color = "#f47121";
    }
}

这就是我在html中传递的内容：

<input type="button" id="btnHousing" value="Housing" onclick="toggleLayer('transparent1');btnColor('btnHousing','#fff200');" />

toggleLayer是我正在使用的另一个功能，效果很好。我似乎无法弄清楚为什么它不起作用。

Answer 1

我在 JsBin 中做了一个工作示例：链接在这里

• 我将函数重命名为 setColor
• 我通过 window.getCompulatedStyle(property).backgroundColor 更改了属性 property.style.background-color