Čistá metoda javascriptu k zabalení obsahu do div

Chci zabalit všechny uzly do #slidesContainer div s JavaScriptem. Vím, že to lze snadno provést v jQuery, ale zajímá mě, jak to udělat s čistým JS.

Zde je kód:

<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>

Chci zabalit divy třídou „slide“ společně do jiného div s id="slideInner" .

Odpověď

Pokud jsou vaše „slide“ vždy v slidesContainer, můžete to udělat

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