Lodop打印控件WEB页面中JS设置table合计td单元格的值

admin

2023年9月28日 0:6 本文热度 363

给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>

图示：

该文章在 2023/9/28 0:07:10 编辑过

关键字查询

正在查询...

点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。

点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。

点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。

点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。