时间戳

首页 > 解决方案 > 删除父 div 留下其子 div

javascript - 删除父 div 留下其子 div

问题描述

我在其父项中有子 div。

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

我不使用 jQuery。

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

成为

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

标签： javascript

解决方案

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

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>

推荐阅读