Вот такая ситуация,
<div class="first">
<div class="second">
ТЕКСТ
</div>
<span class="txt">ТЕКСТ</span>
<span class="txt">ТЕКСТ</span>
</div>
Нужно с помощью javascript добавить вокруг ещё один div, т.е.
<div>
<div class="first">
......................................
</div>
</div>
Пробовал так
var a=document.getElementsByClassName('first')[0];
test=document.createElement('div');
test.innerHTML='<div> ';
a.parentNode.insertBefore(test,a);
test2=document.createElement('div');
test2.innerHTML='</div> ';
a.parentNode.insertBefore(test2,a.nextSibling);
не вышло, какой бы я не писал document.createElement он после innerHTML закрывает его и сами внутри innerHTML тоже закрывает, хелп.
В общей сложности нужно создать такой как бы слой для второго div, т.е. сначала слой-затем div-first-затем div-second