以下是一种解决方法,使用JavaScript改变元素的背景颜色。
HTML代码:
这是一个目标元素
JavaScript代码:
// 获取按钮和目标元素
var changeColorButton = document.getElementById("changeColorButton");
var targetElement = document.getElementById("targetElement");
// 添加点击事件监听器
changeColorButton.addEventListener("click", function() {
// 检查目标元素的背景颜色是否已改变
if (getComputedStyle(targetElement).backgroundColor === "rgb(255, 0, 0)") {
// 如果背景颜色已改变,将其改回默认颜色
targetElement.style.backgroundColor = "initial";
} else {
// 如果背景颜色未改变,将其改为红色
targetElement.style.backgroundColor = "red";
}
});
这段代码通过addEventListener
方法将点击事件添加到按钮上。当按钮被点击时,代码会检查目标元素的背景颜色是否已改变。如果背景颜色已改变,则将其改回默认颜色;如果背景颜色未改变,则将其改为红色。