javascript - 移除父元素并保留内容

Question

假设我已经用 JavaScript 得到了这样的表：

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

我有这样的结构：

<table width="100%">
    <tbody>
        <tr>
            <td><div class="extra"></div>
            </td>
        </tr>
        <tr>
            <td><div class="extra"></div>
            </td>
        </tr>
        <tr>
            <td><div class="extra"></div>
            </td>
        </tr>
    </tbody>
</table>

在这里，我怎样才能删除外部表结构，只保留内容，所以提取代码的结果应该是：

<div class="extra"></div>
<div class="extra"></div>
<div class="extra"></div>

谢谢！

Answer 1

我建议：

function removeTo(from, what) {
    if (!from || !what) {
        return false;
    }
    else {
        els = from.getElementsByTagName(what);
        while (els[0]) {
            from.parentNode.insertBefore(els[0],from);
        }
        from.parentNode.removeChild(from);
    }
}

removeTo(document.getElementsByTagName('table')[0], 'div');

JS 小提琴演示。

顺便：

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

不会为您提供对元素的引用，它会为您提供变量中所有元素的tablenodeList （无论可能是什么）。要对某个特定内容采取行动，您需要指定要对哪个特定内容采取行动，这就是我在上面使用.tableinntable tabledocument.getElementsByTagName('table')[0]