10行10列的表格每刷新一次随机换颜色
时间: 2023-03-26 10:00:19 浏览: 82
好的,我可以回答这个问题。您可以使用 JavaScript 来实现这个功能。您可以使用 Math.random() 函数来生成随机颜色,并将其应用于表格的单元格。以下是一个示例代码:
```
<table>
<tr>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
</tr>
<tr>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
<td style="background-color: #000;"></td>
</tr>
<!-- 8 more rows -->
</table>
<script>
var cells = document.getElementsByTagName("td");
for (var i = ; i < cells.length; i++) {
cells[i].style.backgroundColor = getRandomColor();
}
function getRandomColor() {
var letters = "0123456789ABCDEF";
var color = "#";
for (var i = ; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
</script>
```
这个代码将会生成一个 10 行 10 列的表格,并将每个单元格的背景颜色设置为随机生成的颜色。每次刷新页面时,颜色都会随机更改。