Как быстро переместить всех детей одного элемента в другой?

[godofjavascript]

Как быстро переместить всех детей одного элемента в другой?

пока остановились на этом

function replaceChilds(from, to) {

	var fragment = document.createDocumentFragment();

	while (from.firstChild)
		fragment.appendChild(from.firstChild);
	
	to.appendChild(fragment);
}

[Deff]

godofjavascript,
innerHTML

[godofjavascript]

innerHTML

а если там обработчики и прочее?

[godofjavascript]

Ты должно быть имел ввиду

нет, именно так как я сделал, так как апенд чайлдПеремещает а не копирует

while (from.firstChild)

а , ну да)

ps: а все равно с этим фрагментом - мартышкин труд.

проведем тест? перемещать напрямую в элемент назначения или сначала в фрагмент и что быстрее?


п.с. я просто пилю Юракс (мега систему виджетов и шаблонизатор) и там шаблоны хранятся в свойстве нод .template так что innerHTML тут не катит, он же все перепарсит)

[melky]

Да, это я тупанул.)


Сам проводи, мне если честно пофиг.)

Фрагмент нужен для копирования некоего шаблона, что абстрагирует тебя от его внутренней структуры.
А для перемещения?... ну типа, выберем ведро А, создадим бумажное ведро Б и пересыплем туда по одному все яблоки из ведра А, потом возьмем ведро Б, поместим его в ведро Ц и рванем на себя - теперь все яблоки в Ц! Гениально. (было бы немного странно, если это и впрямь окажется быстрее, чем сразу из А в Ц)

Ну ты же каждое яблоко осматривать и целовать не будешь, если будешь сыпать напрямую

[godofjavascript]

Ты обращаешься в апи 1 раз фрагментом, и рендерится он один раз (грубо говоря)

а если по одному элементу пихаешь, то рендерится каждый раз грубо говоря. ГРУБО говоря.

[melky]

ГРУБО говоря.

грубо говоря, когда ты во фрагмент элементы перемещаешь, они тоже должны вызывать перерасчёт (!) и перерисовку

это не пакетное перемещение, это простое перемещение по-одному.

это плохо, и можно лучше - вот, что я хотел сказать.

(я могу подсказать, как сделать лучше, но попробуй сам додумать )

[godofjavascript]

они тоже должны вызывать перерасчёт (!) и перерисовку

с чего ты взял?? он не находится в дом это обычный javascript обьект

(я могу подсказать, как сделать лучше, но попробуй сам додумать )

подскажи, иначе нахрена я топик создал же) если ты знаешь то решение в студию

[Deff]

может через clone родителя... ?

[melky]

может через clone родителя... ?

если клонировать с потомками, то собьются обработчики

да и вообще их искать придётся заново -> клонирование не вариант

с чего ты взял?? он не находится в дом это обычный javascript обьект

ну так ты же от родителя убираешь его (перемещаешь во фрагмент)

подскажи, иначе нахрена я топик создал же) если ты знаешь то решение в студию

попробуй на момент перемещения потомков во фрагмент скрывать контейнер.

причём не через display: none, а лучше через visibility: hidden, мне так кажется.