Lodop打印控件WEB頁(yè)面中JS設(shè)置table合計(jì)td單元格的值
當(dāng)前位置:點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
給table的td加上id,可根據(jù)id獲取某些特定的td,通過(guò)innerHTML獲取后,是字符串類(lèi)型,再轉(zhuǎn)換成數(shù)字類(lèi)型,可加減,然后再顯示在某個(gè)特定的td里。 Number方法之前相關(guān)的博文:JS轉(zhuǎn)換成數(shù)字類(lèi)型Number()、 測(cè)試代碼: <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>第二列的合計(jì)</td> <td id="s1"></td> </tr> </table> </div> <a href="javascript:prn0_preview()">第二列的第二個(gè)單元格顯示合計(jì)</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+",數(shù)據(jù)類(lèi)型是"+typeof(td2)); console.log("td4:"+td4+",數(shù)據(jù)類(lèi)型是"+typeof(td4)); td2=Number(td2); td4=Number(td4); console.log("td2:"+td2+",數(shù)據(jù)類(lèi)型是"+typeof(td2)); console.log("td4:"+td4+",數(shù)據(jù)類(lèi)型是"+typeof(td4)); var s1=td2+td4; document.getElementById("s1").innerHTML=s1; }; </script> </body> 圖示: 該文章在 2023/9/28 0:07:10 編輯過(guò) |
關(guān)鍵字查詢(xún)
相關(guān)文章
正在查詢(xún)... |