JavaScript :- remove and add element

Question

<div id="div-02">Here is div-02</div>
var el = document.getElementById('div-02');
el.remove(); // Removes the div with the 'div-02' id

setTimeout(() => {
el.add?... },5000)

I want to remove the element for 5 seconds and make it same as it was previously( before removing it).

Just asking for clarification, you want to remove it for 5 seconds and then restore it? If so you can just hide and show — Mike Tung, Oct 18 '18 at 13:43
I am working on ANgular project so probably pure js but hide and show solved my problem I was going in wrong direction — Sahil Kkr, Oct 18 '18 at 14:00

Mamun · Accepted Answer · 2018-10-18T13:50:15.270

You can take the element in a temporary variable so that you can append that after the time ends:

var temp = document.getElementById('div-02');
var el = document.getElementById('div-02');
el.remove(); // Removes the div with the 'div-02' id
setTimeout(() => {
  document.body.append(temp); 
},5000)

<div id="div-02">Here is div-02</div>

But the ideal solution would be hide/show using the style property of the element:

var el = document.getElementById('div-02');
el.style.display = 'none';
setTimeout(() => {
  el.style.display = 'block';
},5000)

<div id="div-02">Here is div-02</div>

JavaScript :- remove and add element

1 Answers1