Удалить, а затем добавить дочерний узел

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?
  // }
}