87,904
社区成员
发帖
与我相关
我的任务
分享ajax如何处理html里的table表格
用ajax向后台申请了新一些数据，这些数据组成了一个table表格的html内容。返回到客户端时，如何使用js脚本，删除这个表格以前的数据，把新的数据加载上。具体就是这样的.
用
<table>
<tr>
<td> 1 </td>
<td> a </td>
</tr>
<tr>
<td> 2 </td>
<td> b </td>
</tr>
<tr>
<td> 3 </td>
<td> c </td>
</tr>
</table>
替换掉
<table>
<tr>
<td> 1' </td>
<td> a' </td>
</tr>
<tr>
<td> 2' </td>
<td> b </td>
</tr>
<tr>
<td> 3' </td>
<td> c' </td>
</tr>
</table>
用
<table>
<tr>
<td> 1 </td>
<td> a </td>
</tr>
<tr>
<td> 2 </td>
<td> b </td>
</tr>
<tr>
<td> 3 </td>
<td> c </td>
</tr>
</table>
替换掉
<table>
<tr>
<td> 1' </td>
<td> a' </td>
</tr>
<tr>
<td> 2' </td>
<td> b </td>
</tr>
<tr>
<td> 3' </td>
<td> c' </td>
</tr>
</table>
...全文
请发表友善的回复…
发表回复
cntmi 2009-12-06
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
var $ = function (id) { return "string" == typeof id ? document.getElementById(id) : id; };
var data = [["1'","a'"],["2'","b"],["3'","c'"]] ;
function replaceData(){
var table = $("_table") ;
var _trs = table.getElementsByTagName("tr");
for(var i=0 ; i<_trs.length ; i++){
var _tds = _trs[i].getElementsByTagName("td");
for(var j=0 ; j<_tds.length ; j++){
//alert(_tds[j].innerHTML);
_tds[j].innerHTML = data[i][j] ;
}
}
}
//-->
</SCRIPT>
<table id="_table" border=1>
<tr>
<td> 1 </td>
<td> a </td>
</tr>
<tr>
<td> 2 </td>
<td> b </td>
</tr>
<tr>
<td> 3 </td>
<td> c </td>
</tr>
</table>
<input type="button" value="替换表格" onclick="replaceData()">
</BODY>
</HTML>
chenwei9120 2009-12-06
- 打赏
- 举报
先循环删除行，然后
document.getElementById(tableName).innerHTML = ' <tr> <td>1' </td>......';
document.getElementById(tableName).innerHTML = ' <tr> <td>1' </td>......';
xmliy 2009-12-06
- 打赏
- 举报
document.getElementById(tableName).innerHTML = '<tr><td>1'</td>......';
这样子速度会比较快
这样子速度会比较快
草根醉秋意 2009-12-06
- 打赏
- 举报
(table).deleteRow删除行
(table).insertRow添加行
(tr).insertCell添加列
(tr).deleteCell删除列
(table).insertRow添加行
(tr).insertCell添加列
(tr).deleteCell删除列
chenwei9120 2009-12-06
- 打赏
- 举报
能不能通过一个属性直接都替换了
xiaofan_sap 2009-12-06
- 打赏
- 举报
方法很多，比方挨个替换 给每个td分配一个id，直接赋值就可以了
