js改变td背景颜色

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Change TD Background Color</title>
<style>
  .highlight {
    background-color: yellow;
  }
</style>
</head>
<body>

<table id="myTable" border="1">
  <tr>
    <td>Row 1, Cell 1</td>
    <td>Row 1, Cell 2</td>
  </tr>
  <tr>
    <td>Row 2, Cell 1</td>
    <td>Row 2, Cell 2</td>
  </tr>
</table>

<button onclick="changeColor()">Change Color</button>

<script>
function changeColor() {
  // 获取表格中的所有单元格
  var cells = document.querySelectorAll('#myTable td');
  
  // 遍历每个单元格并改变背景颜色
  cells.forEach(function(cell) {
    cell.classList.toggle('highlight');
  });
}
</script>

</body>
</html>

document.addEventListener('DOMContentLoaded', function() {
  // 你的代码
});