zoukankan      html  css  js  c++  java
  • 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>

    图示:

  • 相关阅读:
    Spring 实践 -IoC
    HDU1584:蜘蛛牌(DFS)
    Linux命令缩写来由
    一道面试题:用shell写一个从1加到100的程序
    常用的OpenCV函数速查
    等差数列/等比数列通项公式与求和公式
    ubuntu给手机建wifi
    [转]C++之运算符重载(2)
    [转]C++之运算符重载(1)
    [转]C++之多态性与虚函数
  • 原文地址:https://www.cnblogs.com/huaxie/p/12097450.html
Copyright © 2011-2022 走看看