html table 列求和

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

  <tr>

    <td>名稱</td>

    <td>圖片</td>

    <td>價格</td>

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

  <tr>

    <td>名稱</td>

    <td>圖片</td>

    <td>價格</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>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>