Javascript 清除表后无法生成表

我正在做一个项目，但我无法在重置前一个表后生成新表

我想做的是让用户使用按钮重置表，然后根据需要生成另一个表，而不需要用户重新加载页面。但是，我不确定为什么我的代码只允许我重置表，但无法生成另一个表

在此方面的任何帮助都将不胜感激

函数生成（）{
var myTable=document.getElementById（“generatedTable”）；
var table=document.createElement（'table'）；
table.border='1'；
var tableBody=document.createElement（'TBODY'）；
table.appendChild（表体）；
var rows=document.getElementById（“rows”）.value；
var cols=document.getElementById（“cols”）.value；
对于（变量y=0；y

行数



科尔数


生成
复位表

您使用id“generatedTable”的方式令人困惑，同时用于新生成的表和html文件中已有的表。最后，您删除了包装表，而不是新生成的包装表

如果使用目标元素并在其中添加表，可能更容易理解：

const wrapper=document.getElementById（'table-wrapper'）；
函数生成（）{
var table=document.createElement（'table'）；
table.id='generatedTable'；
table.border='1'；
var tableBody=document.createElement（'TBODY'）；
table.appendChild（表体）；
var rows=document.getElementById（“rows”）.value；
var cols=document.getElementById（“cols”）.value；
对于（变量y=0；y

行数



科尔数


生成
复位表