首页 > Web开发 > 详细

JS设置table合计td的值

时间:2019-12-26 14:07:39      阅读:130      评论:0      收藏:0      [点我收藏+]

给table的td加上id,可根据id获取某些特定的td,通过innerHTML获取后,是字符串类型,再转换成数字类型,可加减,然后再显示在某个特定的td里。
该文测试用的是Number()方法,JS里还有一些其他字符串转换成数字类型的方法(转换成整形,浮点数,保留一定位数等)。
该文的效果是,点击按钮,第二行第二个单元格显示,第二列的合计。

Number方法之前相关的博文:JS转换成数字类型Number()

测试代码:

<body>
<div id="d1">
<table id="n1" width="100%" border=1 style="border-collapse:collapse;">
<tr>
    <td id="td1">12</td>
    <td id="td2">10</td>
</tr>
<tr>
    <td id="td3">14</td>
    <td id="td4">1</td>
</tr>
<tr>
    <td>第二列的合计</td>
    <td id="s1"></td>
</tr>
</table>
</div>
<a href="javascript:prn0_preview()">第二列的第二个单元格显示合计</a><br>
<script language="javascript" type="text/javascript">   
        function prn0_preview() {
            var td2 = document.getElementById("td2").innerHTML;
            var td4= document.getElementById("td4").innerHTML;
            console.log("td2:"+td2+",数据类型是"+typeof(td2));
            console.log("td4:"+td4+",数据类型是"+typeof(td4));
            td2=Number(td2);
            td4=Number(td4);
            console.log("td2:"+td2+",数据类型是"+typeof(td2));
            console.log("td4:"+td4+",数据类型是"+typeof(td4));
            var s1=td2+td4;
            document.getElementById("s1").innerHTML=s1;
    }; 
</script> 
</body>

图示:

技术分享图片

JS设置table合计td的值

原文:https://www.cnblogs.com/huaxie/p/12097450.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!