Показать сообщение отдельно
  #1 (permalink)  
Старый 03.04.2013, 19:53
Интересующийся
Отправить личное сообщение для Jmunb Посмотреть профиль Найти все сообщения от Jmunb
 
Регистрация: 26.11.2011
Сообщений: 10

Клонирование DOM объекта или как вставить один div много раз
Доброго времени суток.

Столкнулся с такой проблемой, есть некий код который призван удвоить количество дивов на странице:
var divLength = document.getElementsByTagName('div').length;
var bodyLink = document.getElementsByTagName('body')[0];
for(var i=0; i < divLength; i++) {
    bodyLink.appendChild(document.createElement("div"));
}

Но при этом в цикле DIV элемент создается каждый раз, и это меня не устраивает, хотел закешировать его:
var divLength = document.getElementsByTagName('div').length;
var bodyLink = document.getElementsByTagName('body')[0];
var mayDiv = document.createElement("div");
for(var i=0; i < divLength; i++) {
    bodyLink.appendChild(mayDiv );
}

Но тогда объект передается по ссылке и на деле вставляется только 1 элемент.
Пробовал прибегнуть к замыканиям, но результат был тем же, вставляется только 1 элемент.

Возможно ли при помощи каких либо техник создавать объект единожды, и вставлять его нужное количество раз?
Ответить с цитированием