純粋なjavascriptでコンテンツをdivで囲む方法

質問

の中にあるすべてのノードをラップしたい。 #slidesContainer div内のすべてのノードをJavaScriptでラップしたい。私はそれがjQueryで簡単に行われることを知っていますが、私は純粋なJSでそれを行う方法を知ることに興味があります。

以下はそのコードです。

<div id="slidesContainer">
    <div class="slide">slide 1</div>
    <div class="slide">slide 2</div>
    <div class="slide">slide 3</div>
    <div class="slide">slide 4</div>
</div>

で囲ったdivの中に、classが"slide"のdivをまとめて入れたいのです。 id="slideInner" .

どのように解決するのですか？

スライドが常にslidesContainerの中にある場合は、次のようにします。

org_html = document.getElementById("slidesContainer").innerHTML;
new_html = "<div id='slidesInner'>" + org_html + "</div>";
document.getElementById("slidesContainer").innerHTML = new_html;