css 如何在单击按钮时以及单击其他按钮时更改按钮的颜色

8tntrjer  于 2022-12-01  发布在  其他
关注(0)|答案(1)|浏览(260)

我有一个html网站的部分。在网站的顶部,我有链接到每个部分的按钮 * 默认颜色:白色 *。我希望,当我单击一个按钮时,可以更改它的颜色,而且,当我单击另一个按钮时,可以更改另一个按钮的颜色,使旧按钮的颜色再次变为白色。
我尝试了一些来自stackoverflow的脚本示例,但我从来没有找到像我想要的那样工作的东西。

eit6fx6z

eit6fx6z1#

您可以使用如下代码:

function changeFirstButtonColor() {
 document.getElementById("first-btn").style.backgroundcolor = 'new color';
 document.getElementById("second-btn").style.backgroundcolor = 'old color';
}

function changeSecondButtonColor() {
 document.getElementById("second-btn").style.backgroundcolor = 'new color';
 document.getElementById("first-btn").style.backgroundcolor = 'old color';
}

并使用onclick事件为good按钮调用函数

相关问题