JS - 在包装器div中包装div的所有子元素

Question

我试图在内包装div内包装div的所有子元素。

由此：

<div class="parent">
    <div class="first-child>
    <div class="second-child>
    <div class="third-child>
 </div>

对此：

 <div class="parent">
    <div class="inner-wrapper>
        <div class="first-child>
        <div class="second-child>
        <div class="third-child>
    </div>
 </div>

我尝试使用replaceChild，但我不确定它是如何运作的。

尝试仅在原生js中执行此操作：）