您的位置：首页 > Web前端 > JavaScript

js table增加一行，显示每列总和

2015-06-05 10:37 483 查看
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript">

function totalsum() {

var table = document.getElementById("table");

// row length

var totalRows = table.rows.length;

// total value of per column

var persum = 0;

// add one row to store total value of per column

var row = document.createElement("tr");

// column circulation

for (var j = 0; j < 5; j++) {

// row circulation

for (var i = 0; i < totalRows; ++i) {

// current column accumulation

persum += Number(table.rows[i].cells[j].innerHTML);

}

// per cell

var colume = document.createElement("td");

// add text of cell

colume.innerHTML = persum;

// add td to this row

row.appendChild(colume);

}

// add row to table

table.appendChild(row);

}

</script>

</head>

<body>

<table id="table" border="1">

<tr>

<td>01 </td>

<td>16 </td>

<td>16 </td>

<td>0 </td>

<td>7488 </td>

</tr>

<tr>

<td>02 </td>

<td>4381</td>

<td> 4062 </td>

<td>319</td>

<td> 1173723.79</td>

</tr>

<tr>

<td>03 </td>

<td>3323</td>

<td> 3059 </td>

<td>264852535.97 </td>

<td>381070.06</td>

</tr>

<tr>

<td>04</td>

<td> 5696</td>

<td> 5336</td>

<td> 3601417432.61</td>

<td> 714374.01</td>

</tr>

<input type="button" onclick=totalsum() value="totalsum" />

</table>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航