要编写JavaScript函数来实现按钮颜色的切换,你可以按照以下步骤进行:
<button id="toggleButton" class="btn">按钮</button>
function toggleButtonColor() {
var button = document.getElementById("toggleButton");
if (button.classList.contains("btn")) {
button.classList.remove("btn");
button.classList.add("btn-active");
} else {
button.classList.remove("btn-active");
button.classList.add("btn");
}
}
var button = document.getElementById("toggleButton");
button.addEventListener("click", toggleButtonColor);
.btn {
background-color: red;
color: white;
}
.btn-active {
background-color: green;
color: black;
}
通过这个JavaScript函数,每次点击按钮时都会切换其背景颜色和文本颜色。你可以根据需要自定义不同的颜色和样式。
领取专属 10元无门槛券
手把手带您无忧上云