如何获取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蓝胖子出装和技能
  • 网易云音乐怎么设置文件智能分类
  • 艾尔登法环聚兽套装获取方法
  • 原神风之翼在哪
  • 热门搜索
    北京旅游包车 旅游搜索引擎 世界旅游日是哪天 最新旅游资讯 品途旅游网 9月份适合去哪里旅游 罗平旅游攻略 哥斯达黎加旅游 山东威海旅游 冠豸山旅游攻略