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);
}

虽然，如果有多个 table，这会将相同的 id 添加到多个 div 容器。您可能想改用 div.className = 'extra'。