Question

这里我有一张现有的表格：

<table>
  <tr>
    <td>content
    </td>
  </tr>
</table>

在JavaScript中，我已经获得了这个表：

var isert = main_code.getElementsByTagName("table");

如何使用JavaScript将标记附加到此表，如下所示：

<div id=extra>
 <table>
   <tr>
     <td>content
     </td>
   </tr>
 </table>
</div>

PS：似乎insertAdjacentHTML仅适用于当前的<table>代码，而不是整个<table></table>。

感谢！

Answer 1

试试这个：

var tables = main_code.getElementsByTagName("table");
for(var i = 0; i < tables.length; i++) {
    var div = document.createElement("div");
    var _t = tables[i];
    var parent = _t.parentNode;
    div.id = "extra";
    parent.replaceChild(div, _t);
    div.appendChild(_t);
}

但是，如果有多个id，则会向多个div容器添加相同的table。您可能希望改为使用div.className = 'extra'。

添加标签以包含现有表

1 个答案: