table 选中某一个td后td更换颜色

好的，我可以回答这个问题。您可以通过 JavaScript 代码来实现 table 中某个 td 被选中后其颜色更换的效果。具体实现可以参考以下代码：

// 获取 table 元素
var table = document.getElementById("table-id");
// 获取 table 中所有 td 元素
var tds = table.getElementsByTagName("td");
// 遍历所有 td 元素
for (var i = 0; i < tds.length; i++) {
  // 给每个 td 元素添加 click 事件监听器
  tds[i].addEventListener("click", function() {
    // 给被选中的 td 元素更换颜色
    this.style.backgroundColor = "red";
  });
}

当用户点击某个 td 元素时，其背景色会从默认颜色变为红色。您可以根据实际需求修改代码中的颜色值。希望对您有所帮助！

相关问题

如何设置el-table选中行的第一个单元格的背景颜色

你可以使用 `row-class-name` 属性来设置行的 class，然后在 CSS 中设置该 class 的样式。

例如，如果你想要设置选中行的第一个单元格的背景颜色为红色，可以这样做：

在 `el-table` 上添加 `row-class-name` 属性，并将其值设置为一个函数。该函数会接收当前行数据和行索引作为参数，并返回一个字符串，表示该行的 class 名称。

<el-table :data="tableData" row-class-name="table-row-class"></el-table>

在 CSS 中，设置 `.table-row-class td:first-child` 的背景颜色为红色。

.table-row-class td:first-child {
  background-color: red;
}

这样，当你选中某一行时，该行的第一个单元格的背景颜色就会变成红色。

layui表单用代码执行选中某一个单元格

假设你要选中表格中第二行第三列的单元格，可以使用以下代码：

// 获取表格对象
var table = layui.table;

// 选中第二行第三列的单元格
table.render({
  elem: '#test',
  done: function() {
    var cell = table.cell('#test tbody tr:eq(1) td:eq(2)');
    cell.addClass('layui-table-click');
  }
});

其中，`#test` 是你的表格的 ID，`:eq(1)` 表示第二行，`:eq(2)` 表示第三列。`addClass('layui-table-click')` 则是为该单元格添加选中效果。