如何实现增加一行的操作

Question

给table一个id：<table border="1" id="changeMe" width="100%" >
在javascript里：
var str = "<tr><td width=\"25%\"><input type=\"text\" name=\"a\"></td>\<td width=\"25%\"><input type=\"text\" name=\"b\"></td>\</tr>";
changeMe.innerHTML = changeMe.innerHTML + str;

Answer 1

function AddRow()
{
  var o = document.getElementById("tableID");
  var tr = o.inertRow();  var td = tr.inertCell();
  td.width = "25%";  
  var in = document.createElement("INPUT");
  in.type = "text";
  in.name = "a";  
  td.appendChild(in);
 
  td = tr.inertCell();
  in = document.createElement("INPUT");
  in.type = "text";
  in.name = "b";  
  td.appendChild(in);
}

Answer 2

zhanghk(lion)改:<table border="1" width="100%" id='aaa'>
  <tr>
    <td width="25%"><input type="text" name="a"></td>
    <td width="25%"><input type="text" name="b"></td>
  </tr>
  <tr>
    <td width="25%"><input type="text" name="a"></td>
    <td width="25%"><input type="text" name="b"></td>
  </tr>
    <tr>
    <td width="25%"><input type="text" name="a"></td>
    <td width="25%"><input type="text" name="b"></td>
  </tr>
  <tr>
    <td width="25%"><input type="text" name="a"></td>
    <td width="25%"><input type="text" name="b"></td>
  </tr>
</table>
<input type="button" name=insert value="插入一行" onclick=AddRow()>
<script>
function AddRow()
{
  var o = document.getElementById("aaa");
  var tr = o.insertRow();  var td = tr.insertCell();
  td.width = "25%";  
  var in_ = document.createElement("INPUT");
  in_.type = "text";
  in_.name = "a";  
  td.appendChild(in_);
 
  td = tr.insertCell();
  in_ = document.createElement("INPUT");
  in_.type = "text";
  in_.name = "b";  
  td.appendChild(in_);
}</script>

Answer 3

http://expert.csdn.net/Expert/topic/1999/1999510.xml?temp=.4763605

Answer 4

var aa = table.rows[0].cloneNode(true);table.appendChild(aa);大概就这个实现方法