删除父div离开子div

Question

我在其父级中有一个子div。

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

我不使用jQuery。

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

成为

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

Answer 1

获取元素，获取其parentNode，然后将其替换为子元素。

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>