允許<tr/>在div內允許使用javascript將dom附加到表格

我ajax獲取包含在div框中的一堆錶行，以將其附加到頁面上的表格中。然而<tr/>不是<table/>的直接子女，但作爲<div/>的子女從&中刪除，只是tr中的內容存在。我希望保持這種形式，甚至可以附加到桌子上。允許<tr/>在div內允許使用javascript將dom附加到表格

表已經頁：使用JavaScript

<div> 
    <tr> 
     <td> a 
     </td> 
    </tr> 
    <tr> 
     <td> b 
     </td> 
    </tr> 
</div>

<table> 
    <tr> 
     <th> (title and Location here)</th> 
     <th>Expires in </th> 
     <th>Views</th> 
    </tr> 
</table>

我想保留，如下圖所示頁面上，這樣我行追加DIV中的HTML（如下圖所示），以上述表

如何防止tr從頁面隱藏？

這個問題很難理解。一個代碼示例會非常有幫助。 – Moses 2013-03-27 18:07:20

考慮到如果直接附加它，最終會得到無效的HTML，我建議你提取表格行並將其附加到表格中。 – 2013-03-27 18:09:29

允許父元素： A <table>, <thead>, <tbody> or <tfoot> element.

有一個<tr>元素作爲<div>的孩子是無效的HTML，所以瀏覽器中刪除。

此外，在<table>內直接使用<div>也是無效的。

要解決您的問題，請在追加到<table>之前刪除包裝<div>或提取<tr>。

2013-03-27 18:10:46 jmoerdyk

只需在<div>內包含一個<table>標籤，並在需要時從其中拉出<tr>即可。對於這個問題，你可以用div做的事情不多，<table>。

2013-03-27 18:14:36

回答