javascript - 允许在 div 内允许 dom 使用 javascript 附加到表

Question

我 ajax 获取包含在 div 框中的一堆表行，以附加到页面上的表中。但是<tr/>不是的直接子代<table/>，而是<div/>从页面中删除的子代，并且只有 tr 内的内容存在。我想将 tr 保留在 dom 中，以便我可以追加到表中。

表格已经在页面上：

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

我想在页面上保留如下所示的 html，以便我应该使用 javascript 将 div 内的行（如下所示）附加到上表

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

如何防止 tr 从页面中隐藏？

score 2 · Accepted Answer

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

将<tr>元素作为 a 的子元素<div>是无效的 HTML，因此浏览器将其删除。

此外，<div>直接在 a 内部<table>也是无效的。

要解决您的问题，请删除包装<div>，或<tr>在附加到<table>.

score 1 · Accepted Answer

只需在<table>中包含一个标签，并在需要时从其中<div>拉出s 。<tr>就此而言，你可以用 div 做的事情并不多，而你不能用<table>.

2 回答 2