就是动态的处理表格
<html>
<head>
<script type="text/javascript">
var n=0;
function changeButton()
{
if(n==1)
{
for(i=0;i<3;i++)
for(j=0;j<2;j++)
{
var x=document.getElementById('myTable').rows[i].cells;
var y=document.getElementById('ad');
x[j].innerHTML=y.value;
}
var x=document.getElementById('button1');
x.value="更改";
n=0;
}
else
{
for(i=0;i<3;i++)
for(j=0;j<2;j++)
{
var x=document.getElementById('myTable').rows[i].cells;
x[j].innerHTML="<input name='ad' type='text' value=" +x[j].innerHTML+" >";
}
var x=document.getElementById('button1');
x.value="保存";
n=1;
}
}
function changeContent()
{
for(i=0;i<3;i++)
for(j=0;j<2;j++)
{
var x=document.getElementById('myTable').rows[i].cells;
x[j].innerHTML="<input name='ad' type='text' value=" +" "+" >";
}
var x=document.getElementById('button1');
x.value="保存";
n=1;
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
<tr>
<td>Row3 cell1</td>
<td>Row3 cell2</td>
</tr>
</table>
<form>
<input type="button" id="button1" onclick="changeButton()" value="改变内容">
<input type="button" id="button1" onclick="changeContent()" value="重置">
</form>
</body>
</html>