Форум Сайтостроение Веб-строительство

Создать внешний блок (родительский узел) на JavaScript

SN
На сайте с 04.07.2013
Offline
84
SeoNk
594

есть код:

<div id="block-1">

<div id="block-2">

Контент

</div>

</div>

Нужно block-2 обернуть в новый блок, чтобы получилось так:

<div id="block-1">

<div id="block-3">

<div id="block-2">

Контент

</div>

</div>

</div>

Я умею создавить узлы внутри блока (дочерние), а как создать родительский - незнаю.

Пожалуйста подскажите!

дани мапов
На сайте с 06.09.2012
Offline
204
дани мапов
#1

http://jquery.page2page.ru/index.php5/%D0%9E%D0%B1%D0%B5%D1%80%D1%82%D1%8B%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5_%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%BE%D0%B2_%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
SN
На сайте с 04.07.2013
Offline
84
SeoNk
#2

спасибо! но нужно без jquery

дани мапов
На сайте с 06.09.2012
Offline
204
дани мапов
#3
SeoNk:
спасибо! но нужно без jquery

А так http://stackoverflow.com/questions/6838104/pure-javascript-method-to-wrap-content-in-a-div ?

W
На сайте с 09.04.2013
Offline
46
webjey
#4
SeoNk:
Я умею создавить узлы внутри блока (дочерние), а как создать родительский - незнаю.

Пожалуйста подскажите!


    (function () {

        var el = document.getElementById('block-2');

        var wrapper = document.createElement('div');

        wrapper.setAttribute('id', 'block-3');

        el.parentNode.insertBefore(wrapper, el);

        wrapper.appendChild(el);

    })();

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий