如何获取td的值求和

1、如图所示，在表格<table> 标签下，创建<tr>标签，在该标签下创建两个单元格<td> 标签，用来显示两列的值，分别添加 id 属性标识这两个标签，分别为 id="one_td" 和 id="two_id"。创建<span>标签用来统计两个<td>标签数值的和，添加 id 属性，自定义值为 sum。

2、如图所示：在 js 代码中，自定义公共函数getTdVal() 返回document.getElementById(id).innerText 获取<td>标签的值。定义变量 sum_val 存储两个<td>标签的值并求和显示在<span>标签中。需要注意的是，通过 document.getElementById(id).innerText 获取两个td的值为字符串类型，需要转换为数值类型，使用 parseInt() 函数进行转换，详情参考以下代码。

3、编写代码后，运行代码看一下效果，如图所示，<span>标签已显示两个<td>标签的值的和。

4、本案例全部代码如图所示。

5、希望能帮到各位小伙伴，喜欢的点个赞呗！