如何使用 JavaScript 更改 html 按钮颜色

【问题标题】：How to change html button color with JavaScript如何使用 JavaScript 更改 html 按钮颜色
【发布时间】：2018-12-02 12:36:12
【问题描述】：

我有一个按钮，我希望每次单击按钮时都会使用 JavaScript 将其颜色更改为另一种颜色

【问题讨论】：

【解决方案1】：

我相信您正在寻找的解决方案如下：

document.getElementById("buttonID").onclick = function() {
    document.getElementById("buttonID").style.backgroundColor = "yourColor";
}

此示例将 onclick 函数设置为您的按钮 ID，并更改背景颜色。当然，将yourColor 和buttonID 替换为您的适当需求。

编辑：我看到问题是重复的，并且在原始问题中您正在寻找的答案得到了进一步阐述。

【讨论】：

【解决方案2】：

你必须这样做： HTML：

<button id="btn_id">BUTTON</button>

JS：

document.getElementById("btn_id").onclick = function() {
document.getElementById("btn_id").style.backgroundColor = "#000000";
}

【讨论】：