纯JavaScript方法将内容包装在div中

Question

我想#slidesContainer用JavaScript
包装div中的所有节点。我知道它很容易在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>

我想用来将divs与“ slide”类一起包装在另一个div中id="slideInner"。

Answer 1

如果您的“幻灯片”始终在slidesContainer中，则可以执行此操作

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