以下是一个示例代码,用于实现按钮的消失、出现、重置和改变颜色的功能:
HTML部分:
JavaScript部分:
// 获取按钮元素
var button = document.getElementById("myButton");
// 消失按钮
function hideButton() {
button.style.display = "none";
}
// 出现按钮
function showButton() {
button.style.display = "block";
}
// 重置按钮
function resetButton() {
button.style.display = "block";
button.style.backgroundColor = "";
}
// 改变按钮颜色
function changeButtonColor(color) {
button.style.backgroundColor = color;
}
通过使用上述代码,你可以按照以下方式调用这些功能:
hideButton()
showButton()
resetButton()
changeButtonColor("red")
(将颜色替换为你想要的颜色值)