1、首先,我们利用编辑器创建一个简单的表格,HTML代码如下
2、我们使用浏览器访问一下,效果如图
3、接下来我们尝试使用JS代码获取示例表格第4行第3列的值,在这里需要注意的时,获取出来的时数组,数组下标是从0开始计算的,代码如下
4、我们使用浏览器自带的F12开发者工具查看一下console的值,可以发现取值成功,如图
5、了解怎么操作以后,可以使JS遍历表格的每一行,并获取该行中指定列的值,在把这些撕良滤儆值相加,需要注意的是获取回来的值是字符串格式的,得先转换一下再进行计算,代码如下
6、再次使用F12工具查看,可以看到已经成功获取了要计算的列的和。
7、防止重复造轮子,我们把功能封装成函数,方便在需要的时候拿出来调用,代码如下
8、调用一下刚写好的函数,再使用F12工具看看结果。
9、总结一下:到这里大家应该了解怎么使用JS计算表格某列的和了,大家可以拓展一下思维,可以发现所有的表格统计都可以套用本案例的方法编写相关的代码。