时间戳

首页 > 解决方案 > 有没有办法从 HTML 表格中选择一个随机单元格并更改其背景颜色？

random - 有没有办法从 HTML 表格中选择一个随机单元格并更改其背景颜色？

问题描述

我需要从 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，一个用于 in javascript，然后将值传递给 css 样式表。

标签： randomhtml-tableformatting

解决方案

为 tds 分配一个 id 并制作一个包含这些单元格的 ids 的数组，从数组中随机选择并更改与 id 匹配的单元格的样式颜色

你可能需要使用 javascript

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

推荐阅读