如何更改 js 按钮上的测试颜色 - Javascript

若想更改按钮上的文本颜色，需要使用 JavaScript 脚本。以下是一些基本的代码示例，可供参考：

改变按钮文本颜色

要改变按钮上的文本颜色，可以使用 style 属性中的 color 属性。 例如：

document.getElementById("myButton").style.color = "red";

上述代码会将 ID 为 myButton 的按钮的文本颜色更改为红色。

改变按钮背景颜色

要改变按钮的背景颜色，可以使用 style 属性中的 background-color 属性。例如：

document.getElementById("myButton").style.backgroundColor = "blue";

上述代码会将 ID 为 myButton 的按钮的背景颜色更改为蓝色。

改变按钮文本和背景颜色

要同时改变按钮的文本和背景颜色，可以将上述两种方法结合起来，例如：

var button = document.getElementById("myButton");
button.style.color = "white";
button.style.backgroundColor = "green";

上述代码会将 ID 为 myButton 的按钮的文本颜色更改为白色，背景颜色更改为绿色。

使用类添加样式

如果您想为多个按钮更改样式，则可以使用 CSS 类。首先，在 CSS 文件中定义一个新类，例如：

.myButtonStyle {
  color: red;
  background-color: blue;
}

接下来，在 JavaScript 中选择要更改样式的按钮，并将其类名称更改为上述新类名称，例如：

document.getElementById("myButton").className = "myButtonStyle";

上述代码将 ID 为 myButton 的按钮更改为带有 myButtonStyle 类的样式，其中文本颜色为红色，背景颜色为蓝色。

以上就是一些常见方法，以更改 JavaScript 中按钮的文本和背景颜色。该方法也可以应用于其它 HTML 元素和样式。