小编ayu*_*ush的帖子

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

我正在尝试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";
    }
}
Run Code Online (Sandbox Code Playgroud)

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

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

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

html javascript background-color

5
推荐指数
1
解决办法
8万
查看次数

按钮背景颜色切换

我一直在尝试切换按钮 onclick 的背景颜色属性,但颜色只更改一次并且不会来回切换。下面是代码。

function btnColor(btn, color) {
var property = document.getElementById(btn);
    if (property.style.backgroundColor == "rgb(244,113,33)") {
        property.style.backgroundColor=color;
    }
    else {
        property.style.backgroundColor = "rgb(244,113,33)";
    }
}

<input type="button" id="btnHousing" value="Housing" onclick="toggleLayer('transparent1');btnColor('btnHousing','rgb(255,242,0)');" />
Run Code Online (Sandbox Code Playgroud)

html javascript button background-color

3
推荐指数
1
解决办法
2万
查看次数

标签 统计

background-color ×2

html ×2

javascript ×2

button ×1