Lodop打印控件WEB頁面中JS設置table合計td單元格的值
當前位置:點晴教程→知識管理交流
→『 技術文檔交流 』
給table的td加上id,可根據id獲取某些特定的td,通過innerHTML獲取后,是字符串類型,再轉換成數字類型,可加減,然后再顯示在某個特定的td里。 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 編輯過 |
關鍵字查詢
相關文章
正在查詢... |