如何在悬停的表格行上显示各个单元格的内容？

<table>
  <tr>
    <td class="cell">单元格1</td>
    <td class="cell">单元格2</td>
    <td class="cell">单元格3</td>
  </tr>
  <tr>
    <td class="cell">单元格4</td>
    <td class="cell">单元格5</td>
    <td class="cell">单元格6</td>
  </tr>
  <!-- 更多行... -->
</table>

tr:hover .cell {
  background-color: #f0f0f0; /* 设置悬停时的背景颜色 */
  /* 其他样式... */
}

var cells = document.querySelectorAll('.cell');
cells.forEach(function(cell) {
  cell.addEventListener('mouseover', function() {
    var content = this.innerHTML; // 获取单元格的内容
    // 在合适的位置显示内容，例如可以创建一个浮动的提示框
    // 或者直接修改单元格的样式来显示内容
  });
});