[英]remove parent div leaving its child div
I have child div inside its parent. 我在其父内部有子div。
How to remove parent div leaving only its child untouched? 如何删除父div,只保留其子级不变?
I don't use jQuery. 我不使用jQuery。
<div id="parent">
<div id="child">
</div>
</div>
to become 成为
<div id="child"></div>
Get the element, get its parentNode, replace it with the child. 获取元素,获取其parentNode,将其替换为子元素。
var child = document.getElementById('child'); child.parentNode.replaceWith(child);
<div id="parent"> <div id="child"> A </div> </div>
If you have support issues with replaceWith
you can try the insertBefore
approach. 如果您在
replaceWith
遇到支持问题, 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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.