javascript - 恢复(更新，恢复)删除的元素

Question

有什么方法可以恢复删除的元素吗？

这是我删除元素的代码

myFunction() {

    var width = window.innerWidth;
    var February = document.getElementById('February');

    if(width <= 1114)
    {
      if(February != null)
      February.remove();

    }

}

当宽度超过 1114 时，我需要恢复元素(例如)

有什么想法吗？谢谢!

Answer 1

无需使用 JavaScript。使用 CSS Media Queries 和 display:none，您可以从文档中删除元素。不需要 JavaScript 来监听调整大小事件，浏览器会使用 CSS 为您完成

@media only screen and (max-width:1114px){
  .hide-max {
    display: none;
  }
}

<div class="hide-max">This is hidden when under max</div>