删除父div离开子div

时间:2019-02-07 22:09:52

标签: javascript

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

如何删除父div,只保留其子级不变?

我不使用jQuery。

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

成为

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

1 个答案:

答案 0 :(得分:2)

获取元素,获取其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>