JavaScript 删除表格时如何保留标题

问题：

function deletTable() {
  var tb01 = document.getElementById('tb1');
  tb01.remove();
}

为什么使用以上代码删除表格时，标题也被删除了？

原因：

根据给出的代码，删除的是 id 为 'tb1' 的表格。可能是因为标题是表格的第一行，所以在删除整个表格时，标题也被一起删除了。

解决方案：

如果想保留标题，可以在删除操作之前，先将标题单独保存起来，然后再删除表格。例如：

function deletTable() {
  var tb01 = document.getElementById('tb1');
  // 获取标题行
  var headerRow = tb01.querySelector('tr:first-child');
  // 将标题行保存到新的元素中
  var newHeader = document.createElement('tr');
  newHeader.innerHTML = headerRow.innerHTML;
  // 删除表格
  tb01.remove();
  // 将标题行插入到表格之前
  tb01.parentNode.insertBefore(newHeader, tb01.nextSibling);
}

注意：

以上代码假设标题是表格的第一行，如果标题不在第一行，需要修改代码中的选择器来获取正确的标题行。