Как создать теги вокруг найденных классов
Вот такая ситуация,
<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 |
var element = document.getElementsByClassName("first")[0]; var wrapper = document.createElement("div"); element.parentNode.insertBefore(wrapper, element); wrapper.appendChild(element); в IE есть специальный метод applyElement |
Octane, кул, спс, но также нашёл как альтернитаву
var element = document.getElementsByClassName("first")[0]; var wrapper = document.createElement("div"); wrapper.innerHTML='<div>'+element.innerHTML+'</div>'; element.parentNode.insertBefore(wrapper, element); element.parentNode.removeChild(element); //удаление двойника :)но ваш лучше :) |
Часовой пояс GMT +3, время: 10:26. |