动态表格的问题

Question

http://www.csdn.net/Develop/read_article.asp?id=13947看看这个..

Answer 1

use TABLE.insertRow and TABLE.deleteRow, try the following:<table id="mytable" border="1" cellpadding="0" cellspacing="0">
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
<tr><td>31</td><td>32</td></tr>
<tr><td>41</td><td>42</td></tr>
<tr><td>51</td><td>52</td></tr>
<tr><td>61</td><td>62</td></tr>
<tr><td>71</td><td>72</td></tr>
</table>
<input type="button" value="add" onclick="addRow()">
<input type="button" value="delete" onclick="deleteRow()"><script language="javascript">
var nRowIndex = 7;function addRow()
{
 var nRow = Math.floor(mytable.rows.length*Math.random());
 nRowIndex++;
 var row;
 if (mytable.rows.length > 0)
row = mytable.insertRow(nRow);
 else
row = mytable.insertRow(); var cell;
 for (var i=0; i < 2; i++)
 {
cell = row.insertCell();
cell.innerText = "" + nRowIndex + "" + (i+1);
 }
}function deleteRow()
{
 if (mytable.rows.length > 0)
 {
  var nRow = Math.floor(mytable.rows.length*Math.random());
  mytable.deleteRow(nRow);
 }
}
</script>