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

我想用JavaScript将包含#slidesContainer 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>

我想用div =“slideInner”将div集合在另一个div中。

如果你的“幻灯片”总是在幻灯片容器中,你可以这样做

org_html = document.getElementById("slidesContainer").innerHTML;
new_html = "<div id='slidesInner'>" + org_html + "</div>";
document.getElementById("slidesContainer").innerHTML = new_html;
http://stackoverflow.com/questions/6838104/pure-javascript-method-to-wrap-content-in-a-div

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:纯JavaScript方法来将内容包装在div中