Удаление дочерних элементов

[rome.ro]

Здравствуйте, товарищи!!!

Есть следующая ситуация на AJAX - есть у меня HTML-документ, а в ней тег <DIV>...</DIV>, в который с помошью appendChild() вставляется HTML-содержимое(ну - через JavaScript, ясно). Какой функцией удалить ВСЕ дочерние элементы из данного <DIV>...</DIV> тега? Т.е., я понимаю, что есть функция remove.Child(), а есть-ли такая, чтобы не нужно было указывать какой именно дочерний элемент удалять, а чтобы сразу ВСЕ удаляла?

Впринципе, я что-то Нагуглил по этому поводу, но там используются циклы и массивы + remove.Child(), но это немного не то, что мне нужно.

Спасибо.

Edited November 30, 2008 by rome.ro

[rus]

Оно?

[rome.ro]

Оно?

Оно! Да благословит тебя Оллах :-) Спасибо!

[rus]

Оно! Да благословит тебя Оллах :-) Спасибо!

И тебе не хворать.

[s0rr0w]

Мдаааа, оскуднел ресурс на толковые советы.

Удалять элементы рекурсивно, это надо было додуматься!

	if ( !document.createRange ) {
		node.innerHTML = "";
	}
	else
	{
		var tmpRange = document.createRange();

		tmpRange.selectNodeContents(node);
		tmpRange.deleteContents();

		tmpRange.detach();
	}

[rash]

Красивое решение :-)

[e1f]

node.innerHTML = "";

Обработчики событий при этом тоже удаляются?

[s0rr0w]

Обработчики событий при этом тоже удаляются?

Какие именно обработчики каких именно событий?

[e1f]

Да такие

Пусть на дочерние элементы были навешены обработчики событий ( с помощью addEventListener к примеру )

Они останутся висеть.

[s0rr0w]

Да такие

Пусть на дочерние элементы были навешены обработчики событий ( с помощью addEventListener к примеру )

Они останутся висеть.

И?

[rash]

И будут занимать память, как минимум.

Решение можно активно использовать контролируя обработчики отдельно.

[homm]

И будут занимать память, как минимум.

Решение можно активно использовать контролируя обработчики отдельно.

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

[s0rr0w]

И будут занимать память, как минимум.

Решение можно активно использовать контролируя обработчики отдельно.

Сколько памяти? Пару байт? К чему крохоборство? Браузер может течь в несколько раз больше из-за неправильного алгоритма самого браузера, чем из-за обработчика, который должен удаляться при удалении его таргета.

Не придумывайте себе "проблемы". Лучше займитесь глобальными вещами, например изучайте алгоритмы или улучшайте свои.

[Ramzzes]

if ( !document.createRange ) {			}	else	{		var tmpRange = document.createRange();   			tmpRange.selectNodeContents(node);		tmpRange.deleteContents();   			tmpRange.detach();	}

Сейчас хром на конструкцию

tmpRange.detach();

ругается

'Range.detach' is now a no-op, as per DOM (http://dom.spec.whatwg.org/#dom-range-detach).

Не настолько хорошо владею английским, что там про это пишут?

И вообще, имеет ли хоть какой то смысл в современных браузерах заморачиваться с

document.createRange()

или достаточно простого

node.innerHTML = ""

[wwt]

И вообще, имеет ли хоть какой то смысл в современных браузерах заморачиваться с document.createRange() или достаточно простого node.innerHTML = ""

Имеет в зависимости от задачи.

 

К примеру он вам понадобится если захотите написать свой визуальный редактор.

[Ramzzes]

Имеет в зависимости от задачи.

К примеру он вам понадобится если захотите написать свой визуальный редактор.

Ну, тема называется «Удаление дочерних элементов» Edited July 25, 2015 by Ramzzes

[wwt]

Ну, тема называется «Удаление дочерних элементов»

 

Я ответил на тот вопрос который процитировал =)

 

обнулять через innerHTML вполне достаточно, но можно еще через цикл типо

var element = document.getElementsByTagName('body')[0];while(element && element.firstChild) {    element.removeChild(element.firstChild);}

и до кучи можете приписать удаление обработчиков туда же.