如何在不删除子元素的情况下删除包装器（父元素）？

我想删除父级而不删除子级 - 这可能吗？

HTML 结构：

<div class="wrapper">
  <img src"">
</div>
<div class="button">Remove wrapper</div>

单击按钮后我想要：

<img src"">
<div class="button">Remove wrapper</div>

纯JS（ES2015) 解决方案，在我看来比 jQuery 解决方案更容易阅读。

node.replaceWith(...node.childNodes)

节点必须是元素节点 https://developer.mozilla.org/en-US/docs/Web/API/Element

const wrapperNode = document.querySelector('h1')
wrapperNode.replaceWith(...wrapperNode.childNodes)

<h1>
  <a>1</a>
  <b>2</b>
  <em>3</em>
</h1>