給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>
圖示: