javascript - 删除父div，留下子div

Question

我的父级中有子 div。

如何删除父 div，只保留其子 div 不变？

我不使用 jQuery。

<div id="parent">
    <div id="child">
    </div>
</div>

成为

<div id="child"></div>

Answer 1

获取元素，获取其父节点，将其替换为子节点。

var child = document.getElementById('child');
child.parentNode.replaceWith(child);

<div id="parent">
    <div id="child">
    A
    </div>
</div>

如果您对 replaceWith 有支持问题，您可以尝试 insertBefore 方法。

var child = document.getElementById('child');
var parent = child.parentNode;

parent.parentNode.insertBefore(child, parent);
parent.parentNode.removeChild(parent);

<div id="parent">
    <div id="child">
    A
    </div>
</div>