刪除然后添加子節點

Question

我有一個需要在頁面加載時隱藏的表，然后在登錄后顯示，所以我想出了如何在登錄時刪除該表，但是不知道如何返回該表

<table class="showAfter">
<tr>
<th></th>
</tr>
</table>

function restart(){
  var removeTable = document.querySelector('.showAfter');
   while (removeTable.hasChildNodes()) {
    removeTable.removeChild(removeTable.firstChild);
   }
}

function restore(){
  var addTable = document.querySelector('.showAfter');
  while (!addTable.hasChildNodes()) {
    append?
 }
}

謝謝您的幫助

Answer 1

這是一種非常便宜的方法。

<table class="showAfter">
<tr>
<th></th>
</tr>
</table>


var savedTable = "": // establish var on the window scope so both functions can access it.

function restart(){
  var removeTable = document.querySelector('.showAfter');
  savedTable = removeTable.innerHTML;
  removeTable.innerHTML = "";

  // while (removeTable.hasChildNodes()) {
  //  removeTable.removeChild(removeTable.firstChild);
  // }
}

function restore(){
  var addTable = document.querySelector('.showAfter');
  addTable.innerHTML += savedTable;
  savedTable = "";
  // while (!addTable.hasChildNodes()) {
  //  append?
  // }
}