如何使用JavaScript更改HTML按钮的颜色

时间:2018-06-23 04:36:57

标签: javascript html

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

2 个答案:

答案 0 :(得分:3)

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

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

此示例将onclick函数设置为按钮ID,并更改背景色。当然,请根据您的需要替换yourColorbuttonID

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

答案 1 :(得分:2)

您必须做: HTML:

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

JS:

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