1.创建一个三行三列的表格(边框粗细为1px,表格内容随意填写),一个按钮,当点击按钮时表格的背景颜色变成绿色。
时间: 2024-03-16 17:46:34 浏览: 8
好的,以下是 HTML 代码和 JavaScript 代码实现:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格背景色变绿</title>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
</style>
</head>
<body>
<table>
<tr>
<td>1-1</td>
<td>1-2</td>
<td>1-3</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
<td>2-3</td>
</tr>
<tr>
<td>3-1</td>
<td>3-2</td>
<td>3-3</td>
</tr>
</table>
<br>
<button onclick="changeTableBgColor()">点击我变绿</button>
<script>
function changeTableBgColor() {
var table = document.querySelector("table");
table.style.backgroundColor = "green";
}
</script>
</body>
</html>
```
这个网页中包含一个三行三列的表格和一个按钮。当点击按钮时,调用 `changeTableBgColor()` 函数,将表格的背景颜色设置为绿色。表格的边框粗细为 1 像素。