JS設置table合計td的值


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

圖示:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM