HTML中怎么让点击的盒子变色？
在HTML中，可以使用JavaScript来实现点击盒子改变颜色的功能。以下是一个简单的示例代码：
HTML部分:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Change Color Box</title>
</head>
<body>
<div id="myBox" style="width: 100px; height: 100px; background-color: blue;"></div>
<button onclick="changeColor()">Change Color</button>
<script>
function changeColor() {
var box = document.getElementById('myBox');
box.style.backgroundColor = 'red'; // 改变为红色
}
</script>
</body>
</html>
代码解析：
在这个例子中，我们有一个div元素代表盒子，一个button元素用于触发颜色改变的事件。当按钮被点击时，changeColor函数会被执行，该函数获取ID为myBox的盒子，并将其背景颜色改变为红色。
扫一扫
2439
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
