我想#slidesContainer用JavaScript 包装div中的所有节点。我知道它很容易在jQuery中完成,但是我对了解如何使用纯JS感兴趣。
#slidesContainer
这是代码:
<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"。
id="slideInner"
如果您的“幻灯片”始终在slidesContainer中,则可以执行此操作
org_html = document.getElementById("slidesContainer").innerHTML; new_html = "<div id='slidesInner'>" + org_html + "</div>"; document.getElementById("slidesContainer").innerHTML = new_html;