Как мне «обновить» элемент в DOM?

Question

У меня есть пустой элемент DIV, в который я добавляю изображения с помощью функции createElement ("img") и добавляю их с помощью appendChild. Итак, теперь у меня есть элемент DIV, полный изображений.

Я хотел бы использовать одну кнопку для очистки этого DIV и добавления новых изображений в него одновременно. Спасибо за вашу помощь

Answer 1

Вы просто ищете метод replaceChild? Or you could remove all child elements before adding new images:</p> <pre>// assuming yor div is in variable divelement while (divelement.firstChild) divelement.removeChild(divelement.firstChild);

Answer 2

Хотя установка innerHTML и вызов removeChild () в цикле очистят содержимое от DIV, метод innerHTML будет намного быстрее из-за особенностей браузеров сегодня.

Answer 3

что вы подразумеваете под чистым? Если вы просто хотите очистить его, вы можете сделать

document.getElementById('mydiv').innerHTML = '';

А затем добавьте новые изображения, которые хотите.