要更改红色容器,我们可以使用JavaScript和CSS来实现。以下是一个代码示例:
HTML:
CSS:
#red-container {
width: 200px;
height: 200px;
background-color: red;
}
JavaScript:
document.getElementById("continue-btn").addEventListener("click", function() {
var redContainer = document.getElementById("red-container");
redContainer.style.backgroundColor = "blue";
});
在这个例子中,我们首先定义了一个红色容器,它的id为"red-container"。然后我们创建了一个按钮,id为"continue-btn"。接下来,我们使用JavaScript获取到这个按钮,并为它添加了一个点击事件监听器。
当用户点击"继续"按钮时,点击事件监听器会被触发。在监听器函数中,我们获取到红色容器的元素,并使用style.backgroundColor属性将其背景颜色更改为蓝色。
你可以根据自己的需求来修改代码,例如更改容器的宽度、高度、位置等。