javascript - 添加标签以包含现有表

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到多个容器中。您可能想改用。divtablediv.className = 'extra'