删除然后添加子节点

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