如何获取td的值求和

 时间:2024-10-14 07:30:51

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

如何获取td的值求和

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

如何获取td的值求和

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

如何获取td的值求和

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

如何获取td的值求和

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

  • 艾尔登法环英雄石像鬼打法攻略
  • DOTA1蓝胖子出装和技能
  • 网易云音乐怎么设置文件智能分类
  • 艾尔登法环聚兽套装获取方法
  • 原神风之翼在哪
  • 热门搜索
    自媒体怎么赚钱 转氨酶高怎么办 绿豆芽怎么炒好吃 涅盘怎么读 金宝贝早教怎么样 细小怎么治 太原理工大学怎么样 罩杯怎么算 不戴头盔怎么处罚 田馥甄怎么读