Javascript 表中包含行的容器元素

Javascript 表中包含行的容器元素,javascript,html,css,ajax,html-table,Javascript,Html,Css,Ajax,Html Table,我在ajax调用返回时动态地将一个表行(或多个行)插入到表中。我希望通过在html表中有一个空的容器类型元素来实现这一点,我可以将元素插入其中。正如我在其他文章中看到的,div不能保存tr元素,所以我的问题是,有没有一种特殊的方法可以将行的html插入表中?它必须是动态的,或者换句话说,我需要能够容纳多个 您可以附加到表的最后一行 <table> <tr><td>First Row</td></tr> <tr><

我在ajax调用返回时动态地将一个表行(或多个行)插入到表中。我希望通过在html表中有一个空的容器类型元素来实现这一点,我可以将
元素插入其中。正如我在其他文章中看到的,div不能保存tr元素,所以我的问题是,有没有一种特殊的方法可以将行的html插入表中?它必须是动态的,或者换句话说,我需要能够容纳多个

您可以附加到表的最后一行

<table>
  <tr><td>First Row</td></tr>
  <tr><td>Middle Row</td></tr>
  <tr><td>Last Row</td></tr>
</table>

<script>
$( "#tableid tr:last" ).append(
</script>

第一排
中排
最后一排
$(“#tableid tr:last”)。追加(

假设您不使用jQuery,可以执行以下操作:

var myTable = document.getElementById('myTable').getElementsByTagName('tbody')[0];
var row = myTable.insertRow(myTable.rows.length);
然后可以使用
行上的
insertCell
插入单元格

或者,如果您有jQuery

$("#myTable").append("<tr><td>Table Row with cell!</td></tr>");
$(“#myTable”).append(“带单元格的表格行!”);

我不知道为什么不直接使用
元素,但可以将
元素用作表中的行容器

onload=function(){
document.getElementById(“aButton”).onclick=addRow.bind(null,“a”);
document.getElementById(“bButton”).onclick=addRow.bind(null,“b”);
}
函数addRow(id){
var r=document.getElementById(id).insertRow(-1);
var c=r.insertCell(-1);
c、 innerHTML=“在“+新日期()处添加的行。toLocaleTimeString();
}
正文{
字体系列:无衬线;
字体大小:12px;
}
桌子{
边界塌陷:塌陷;
利润率:8px0;
}
运输署{
边框:1px实心#ccc;
填充物:1px2px;
}
将行添加到“A”
将行添加到“B”
在
过了一会儿
在B之前
B之后
有什么问题吗?