如何将前端 table td标签里的数据保留小数点后两位

要在前端的表格 `<td>` 标签中保留小数点后两位，请使用以下代码示例：

HTML:

<table id="myTable">
  <tr>
    <td>3.14159</td>
    <td>2.71828</td>
    <td>1.61803</td>
  </tr>
</table>

JavaScript:

var table = document.getElementById('myTable');
var cells = table.getElementsByTagName('td');

for (var i = 0; i < cells.length; i++) {
  var text = cells[i].textContent;  // 获取单元格的文本内容
  var num = parseFloat(text);  // 将文本内容解析为浮点数
  if (!isNaN(num)) {
    var roundedNum = num.toFixed(2);  // 保留两位小数
    cells[i].textContent = roundedNum;  // 更新单元格的文本内容
  }
}

这段代码会遍历表格中的每个 `<td>` 标签，将标签内的文本内容解析为浮点数。然后，如果解析成功，使用 `toFixed(2)` 方法将其保留两位小数，并将结果更新到 `<td>` 标签的文本内容中。

注意，这里使用 `isNaN()` 方法来检查解析后的值是否为有效的数字。这是为了避免对不是数字的单元格进行处理，例如包含文本或其他非数字内容的单元格。最后，使用 `textContent` 属性来设置单元格的文本内容，而不是 `innerText`，因为后者在某些情况下可能会受到样式的影响。