html table 列求和

<table width="200" border="0" id="table">javascript

  <tr>java

    <td>名称</td>对象

    <td>图片</td>图片

    <td>价格</td>ip

    <td>操做</td><table width="200" border="0" id="table">get

  <tr>io

    <td>名称</td>table

    <td>图片</td>function

    <td>价格</td>tab

    <td>操做</td>

  </tr>

  <tr>

    <td> </td>

    <td> </td>

    <td>10</td>

    <td> </td>

  </tr>

  <tr>

    <td> </td>

    <td> </td>

    <td>10</td>

    <td> </td>

  </tr>

  <tr>

    <td> </td>

    <td> </td>

    <td>10</td>

    <td> </td>

  </tr>

  <tr>

    <td> </td>

    <td> </td>

    <td>10</td>

    <td> </td>

  </tr>

  <tr>

    <td> </td>

    <td>合计</td>

    <td> </td>

    <td> </td>

  </tr>

</table>

<script type="text/javascript">

    var calcTotal=function(table,column){//合计,表格对象,对哪一列进行合计,第一列从0开始

        var trs=table.getElementsByTagName('tr');

        var start=1,//忽略第一行的表头

            end=trs.length-1;//忽略最后合计的一行

        var total=0;

        for(var i=start;i<end;i++){

            var td=trs[i].getElementsByTagName('td')[column];

            var t=parseFloat(td.innerHTML);

            if(t)total+=t;

        }

        trs[end].getElementsByTagName('td')[column].innerHTML=total;

    };

    calcTotal(document.getElementById('table'),2);

</script>

相关文章
相关标签/搜索