How do I "refresh" element in DOM?

Question

I've got an empty DIV element in which I append images by using function createElement("img") and append them with appendChild. So now I've got DIV element full of images.

I would like to use one button to clean this DIV and add new images in it simultaneously. Thanks for your help

sth · Accepted Answer · 2009-01-20 21:34:53Z

6

Are you just looking for method replaceChild? Or you could remove all child elements before adding new images:

// assuming yor div is in variable divelement
while (divelement.firstChild)
  divelement.removeChild(divelement.firstChild);

answered Jan 20, 2009 at 21:34

sth

231k56 gold badges288 silver badges370 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Paolo Bergantino · Accepted Answer · 2009-01-20 21:31:23Z

3

what do you mean by clean? If you just want to empty it, you can do

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

And then add on whatever new images you want.

answered Jan 20, 2009 at 21:31

Paolo Bergantino

490k83 gold badges524 silver badges437 bronze badges

Comments

levik · Accepted Answer · 2009-01-20 21:39:30Z

3

While both setting innerHTML and calling removeChild() in a loop will clear the contents out of the DIV, the innerHTML method is going to be much faster due to the nature of browsers today.

answered Jan 20, 2009 at 21:39

levik

118k28 gold badges77 silver badges92 bronze badges

Collectives™ on Stack Overflow

How do I "refresh" element in DOM?

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related