html td 随机背景
时间: 2023-07-01 13:09:23 浏览: 164
要实现 HTML 表格中 td 元素的随机背景色,可以使用 JavaScript 来实现。下面是一个示例代码:
```html
<table>
<tr>
<td>单元格 1</td>
<td>单元格 2</td>
<td>单元格 3</td>
</tr>
<tr>
<td>单元格 4</td>
<td>单元格 5</td>
<td>单元格 6</td>
</tr>
<tr>
<td>单元格 7</td>
<td>单元格 8</td>
<td>单元格 9</td>
</tr>
</table>
<script>
// 获取所有的 td 元素
var tds = document.getElementsByTagName("td");
// 循环遍历 td 元素,并为其设置随机背景色
for (var i = 0; i < tds.length; i++) {
var r = Math.floor(Math.random() * 256);
var g = Math.floor(Math.random() * 256);
var b = Math.floor(Math.random() * 256);
tds[i].style.backgroundColor = "rgb(" + r + "," + g + "," + b + ")";
}
</script>
```
上面的代码首先获取了所有的 td 元素,然后使用循环遍历每个 td 元素,并在每次循环中生成一个随机的 RGB 颜色值,最后将该颜色值设置为当前 td 元素的背景色。这样就可以实现 td 元素的随机背景色了。
阅读全文