Как оптимизировать код?

Question

[alex-1917]

Типовой (для меня) код для замены всего содержимого блока, если надо заменить не голый html, а объекты с привязками событий и прочего:

while (content.lastChild) content.removeChild(content.lastChild);

В последнее время стал сомневаться, что это самый оптимальный вариант.
Подскажите, профи, я не прав?
Вот полный код, создается основной элемент, затем создаются вложенные элементы с привязками к функциям, затем надо заменить все эти вложенные элементы полностью новыми:

var content= document.createElement('div');
var product = document.createElement('a');
product.href = '/items/' + products[i].id;
product.textContent = products[i].name;
product.addEventListener('click', product_nav);
content.appendChild(product);
....
while (content.lastChild) content.removeChild(content.lastChild);
...
var new_product= document.createElement('a');
...
content.appendChild(new_product);

Comments

[alex-1917]

VicTHOR, к элементу content клеятся еще события. Свайп для вложенных и т.д. Т.е. просто удалить пока не вариант. Но как запасной на крайний случай так наверное и придется.

[Сергей Соколов]

content.innerHTML = ''; чем не подходит, кроме тормозов по сравнению с removeChild() в цикле?

Можно lastChild заменить на firstChild, ради разнообразия:

while (content.firstChild) content.removeChild(content.firstChild);