js拿取表格中对应表头下的数据并设置对应表头下单元格的背景颜色

可以使用以下代码来实现：

// 获取表格
var table = document.getElementById("tableId");

// 获取表头行
var headerRow = table.rows[0];

// 遍历表头列
for (var i = 0; i < headerRow.cells.length; i++) {
  // 获取表头列名
  var header = headerRow.cells[i].innerText;

  // 获取对应列的单元格
  var columnCells = getColumnCells(table, i);

  // 设置单元格背景颜色
  setCellColor(columnCells, header);
}

// 获取对应列的所有单元格
function getColumnCells(table, columnIndex) {
  var cells = [];
  for (var i = 1; i < table.rows.length; i++) {
    cells.push(table.rows[i].cells[columnIndex]);
  }
  return cells;
}

// 设置单元格背景颜色
function setCellColor(cells, header) {
  for (var i = 0; i < cells.length; i++) {
    if (cells[i].innerText === header) {
      cells[i].style.backgroundColor = "red";
    }
  }
}

这段代码会遍历表头行，然后获取每个表头列的名字。接着，它会使用 `getColumnCells` 函数获取对应列的所有单元格，再使用 `setCellColor` 函数来设置单元格的背景颜色。`setCellColor` 函数会遍历所有单元格，找到与表头列名相同的单元格，然后将它们的背景颜色设置为红色。