点击后背景色没有改为蓝色
时间: 2024-09-24 20:10:12 浏览: 22
在提供的HTML和JavaScript代码中,点击后背景色并没有改为蓝色的原因在于 `bs()` 函数的部分语法错误。下面是修复后的代码:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
a:hover {
background-color: red;
}
</style>
</head>
<body>
<div class="baidu" onclick="changeColor()">百度<a href="#"></a></div>
<script>
function changeColor() {
var bd = document.getElementsByClassName('baidu')[0]; // 获取第一个匹配的.baidu元素
bd.style.backgroundColor = 'blue'; // 改变背景颜色为蓝色
}
</script>
</body>
</html>
```
在这个修正过的版本里,我将 `bs()` 函数改为了 `changeColor()` 并修复了获取元素的方式。现在当你点击那个 "百度" 链接时,div 的背景色应该会被改为蓝色。