如题:下边是我的一个表格
用户 发送总数 成功 失败 回复
总记录
其他 4 2 2 4
admin 10 7 3 0
test001 6 3 3 3
testuser 7 5 2 4
我要的功能就是在总记录那行把每列的数据给求和显示出来,用js该怎么实现
这是我的表格生成代码
<tr bgcolor="#EEF7FD" onMouseOver="trOver()" onMouseOut="trOut()" ondblclick="trClick()">
<td class="word2">总记录</td>
<td class="word2"></td>
<td class="word2"></td>
<td class="word2"></td>
<td class="word2"></td>
</tr>
<logic:iterate name="glist" id="obj" scope="request">
<tr bgcolor="#EEF7FD" onMouseOver="trOver()" onMouseOut="trOut()" ondblclick="trClick()">
<td class="word2" user="change"><bean:write name="obj" property="serialno" /></td>
<td class="word2"><bean:write name="obj" property="num1"/></td>
<td class="word2"><bean:write name="obj" property="num2" /></td>
<td class="word2"><bean:write name="obj" property="num3" /></td>
<td class="word2"><bean:write name="obj" property="num4" /></td>
</tr>
</logic:iterate>
求帮助
用户 发送总数 成功 失败 回复
总记录
其他 4 2 2 4
admin 10 7 3 0
test001 6 3 3 3
testuser 7 5 2 4
我要的功能就是在总记录那行把每列的数据给求和显示出来,用js该怎么实现
这是我的表格生成代码
<tr bgcolor="#EEF7FD" onMouseOver="trOver()" onMouseOut="trOut()" ondblclick="trClick()">
<td class="word2">总记录</td>
<td class="word2"></td>
<td class="word2"></td>
<td class="word2"></td>
<td class="word2"></td>
</tr>
<logic:iterate name="glist" id="obj" scope="request">
<tr bgcolor="#EEF7FD" onMouseOver="trOver()" onMouseOut="trOut()" ondblclick="trClick()">
<td class="word2" user="change"><bean:write name="obj" property="serialno" /></td>
<td class="word2"><bean:write name="obj" property="num1"/></td>
<td class="word2"><bean:write name="obj" property="num2" /></td>
<td class="word2"><bean:write name="obj" property="num3" /></td>
<td class="word2"><bean:write name="obj" property="num4" /></td>
</tr>
</logic:iterate>
求帮助
function init(){
var trs=document.getElementsByTagName("tr");
for(var i=0;i<trs.length;i++){
var tds=trs[i].getElementsByTagName("td");
var m=0;
for(var j=0;j<tds.length;j++){
m+=parseInt(tds[j].innerHTML);
}
var s=document.createElement("td");
s.innerHTML=m;
trs[i].appendChild(s);
}
}
</script>
</head>
<body onload="init()">
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
</body>
这样试试