<table id="thetable" border="1" cellspacing="1" cellpadding="7" width="50%">
<caption>Sunyanzi's Test</caption>
<tbody>
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
<tr><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td></tr>
<tr><td>9</td><td>10</td></tr>
<!-- the row below is used to fill sum data ... -->
<tr><th></th><th></th></tr>
</tbody>
</table>
<script type="text/javascript">
/* get our table ... */
var table = document.getElementById( "thetable" );
/* last line not contain data ... kick it out ... */
var totalRows = table.rows.length -1;
/* initialize two variables as basket ... */
var firstColumn = secondColumn = 0;
/* traverses from first row to last ... */
for ( var i = 0; i < totalRows; ++ i ) {
/* add new value to our basket ... */
firstColumn += Number( table.rows[i].cells[0].innerHTML ) || 0;
secondColumn += Number( table.rows[i].cells[1].innerHTML ) || 0;
}
/* put the result in last row ... */
table.rows[i].cells[0].innerHTML = firstColumn;
table.rows[i].cells[1].innerHTML = secondColumn;
</script>
0 
1
561
收藏
其实 ... 我没太弄明白你的程序要实现什么效果 ...
所以只好按照标题来回答你 ... 如何累加表格中单元格的数据 ...
写了一个简单的程序来作为示例 ... 如下 ...
<table id="thetable" border="1" cellspacing="1" cellpadding="7" width="50%"> <caption>Sunyanzi's Test</caption> <tbody> <tr><td>1</td><td>2</td></tr> <tr><td>3</td><td>4</td></tr> <tr><td>5</td><td>6</td></tr> <tr><td>7</td><td>8</td></tr> <tr><td>9</td><td>10</td></tr> <!-- the row below is used to fill sum data ... --> <tr><th></th><th></th></tr> </tbody> </table> <script type="text/javascript"> /* get our table ... */ var table = document.getElementById( "thetable" ); /* last line not contain data ... kick it out ... */ var totalRows = table.rows.length -1; /* initialize two variables as basket ... */ var firstColumn = secondColumn = 0; /* traverses from first row to last ... */ for ( var i = 0; i < totalRows; ++ i ) { /* add new value to our basket ... */ firstColumn += Number( table.rows[i].cells[0].innerHTML ) || 0; secondColumn += Number( table.rows[i].cells[1].innerHTML ) || 0; } /* put the result in last row ... */ table.rows[i].cells[0].innerHTML = firstColumn; table.rows[i].cells[1].innerHTML = secondColumn; </script>顺便提一下你的代码里面的几个小问题 ... 希望能对你有些帮助 ...
首先是表格中的
rows和cells数组 ... 第一个元素的索引都是 0 而不是 1 ...比如表格的第一行 ... 应该是
i = 0而不是i = 1...第一列和第二列 ... 应该是
cells[0]和cells[1]而不是cells[1]和cells[2]...以及你用到了 innerText ... 在 Gecko 内核的浏览器上是没有这个属性的 ...
Gecko 上类似的属性叫 textContent ... 当然其他浏览器也不支持 ...
所以当你的
td标签中只包含数字不包含其他 HTML 标签的时候 ...完全可以用兼容性更好的
innerHTML来处理 ...基本上我一眼能看到的就这些 ...
我觉得既然你能写到这里 ... 知道问题所在绝对就可以把程序改好了 ...
恩加油～