有没有办法从HTML表格中选择随机单元格并更改其背景颜色?

时间:2019-05-01 22:16:26

标签: random html-table formatting

我需要从5X5表格中随机选择一个单元格并更改其背景颜色。我想通过选择表格中的随机索引位置来做到这一点。

我想这样做:

table > tr:nth-child(Random Number between 1 and 5) > td:nth-child(Random number between 1 and 5){
  background-color: aqua;
}

我知道了。使用这个:

let selected = document.getElementById("table").rows[Math.floor(Math.random() * 5)].cells[Math.floor(Math.random() * 5)];
selected.id = "selected";

理想情况下,我会生成随机数,一个用于javascript,一个用于javascript,然后将值传递给CSS样式表。

1 个答案:

答案 0 :(得分:0)

为tds分配一个ID,并使包含这些单元格ID的数组从该数组中随机选择,并更改与该ID相匹配的单元格的样式颜色

您可能需要使用javascript

如果我的答案对您有帮助,请PS投票,或者如果您正在寻找它,请选择它作为答案