表格中的单元格总和

时间:2012-09-13 17:19:23

标签: javascript

我有一张桌子,我想一起添加单元格

  <table width="100%" border="0">
    <tr>
      <td id="a1">5</td>
      <td id="a2">8</td>
      <td id="a3"></td>
    </tr>
    <tr>
      <td id="b1"></td>
      <td id="b2"></td>
      <td id="b3"></td>
    </tr>
</table>

假设我想添加a1和a2并在a3中显示总和我该如何在javascript中执行此操作?

2 个答案:

答案 0 :(得分:4)

只需通过ID读取DOM对象并获取数字内容并将它们添加到一起。然后取出新的总和并填充第3个单元格中的内容。我也会通过ID搜索。如果您关心可见输出,则可能需要考虑NaN。

答案 1 :(得分:2)

我很确定它看起来像那样(在Jage的建议之后):

v_a1 = parseInt(document.getElementById('a1').innerHtml);
v_a2 = parseInt(document.getElementById('a2').innerHtml);
document.getElementById('a3').innerHtml = ( v_a1 + v_a2 );