JavaScript：-删除并添加元素

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)

我想删除该元素5秒钟，使其与以前相同（删除之前）。

Answer 1

您可以将元素放在一个临时变量中，以便可以在时间结束后附加该元素：

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>

但是理想的解决方案是使用元素的style属性隐藏/显示：

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>