一尘不染

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

html

我想#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"


阅读 273

收藏
2020-05-10

共1个答案

一尘不染

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

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