如何在表格中添加一行

Question

<table>
<tr id="tr1">
   <td>dsfasf</td>
   <td>afsdfa</td>
</tr>
<tr id="tr2">
   <td>dsfasf</td>
   <td>afsdfa</td>
</tr>
</table>如何在此表格中添加一行到tr2的后面呢
并生成两个td

Answer 1

var table=document.getElementById("table");
           var cell=document.createElement("td");
           var html="<font color='red'>杀风景拉夫金粟兰的</font>"
           cell.innerTEXT=html;
           var cell2=document.createElement("td");
           cell2.innerHTML=html;
           var cell3=document.createElement("td");
           cell3.innerHTML=html;
           var tr=document.createElement("tr");
           tr.insertCell(cell);
           tr.insertCell(cell2);
           tr.insertCell(cell3);
           alert(trid);
           table.insertRow(tr);
我这样，但显示不出文本呢

Answer 2

<table id="table">
 <tbody id="tbody">
  <tr id="tr1">
   <td>dsfasf</td>
   <td>afsdfa</td>
 </tr>
 <tr id="tr2">
   <td>dsfasf</td>
   <td>afsdfa</td>
 </tr>
 </tbody>
</table>
<input type="button" value="添加行" onclick="addRow()"><script language="javascript">
  function addRow(){
    var table = document.getElementById("table");
    var tbody = document.getElementById("tbody");
    var tr = document.createElement("tr");
    var td1 = document.createElement("td");
    var td2 = document.createElement("td");
    td1.innerText = "123";
    td2.innerHTML = "<h1>123</h1>";
    tr.appendChild(td1);
    tr.appendChild(td1);
    tbody .appendChild(tr);
    table.appendChild(tbody);
}
</script>

Answer 3

要往表格添加一行，不是单单createElement一个td和tr
tr的上一层需要createElement一个tbody
楼上的应该可以

Answer 4

被tbody郁闷一次吧
 咱也经常被这东西郁闷

Answer 5

<script type="text/javascript">
function addUser()
{
var str="";
str+="<tr>";
str+="<td><input name=\"f"+''+"\" value=\""+''+"\"></td>";
str+="<td><input name=\"name"+''+"\" value=\""+''+"\"></td>";
str+="<td><span onclick=\"return removet();\"><a>[编辑]</a> <a>[保存]</a> <a>[删除]</a></td>";
str+="</tr>"
$("#table1").append(str);
}
</script>

Answer 6

如何结合php和js一起用append方法实现呢