这里我有一个现有的表:
<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>
.
谢谢!
最佳答案
试试这个:
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'
。
关于javascript - 添加标签以包含现有表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17062217/