从div中删除子表

Question

为了学习，我正在为练习编写html代码和js脚本。 在这里，我想在每次单击Generate按钮时生成一个新表。但是因为我使用了AppendChild，所以它会在每次点击时附加表格。我尝试过addchild（tbl1）和类似的方法，但它不起作用。你能指出我做错了吗？

function drawTable() {
    // get the reference for the body
    var div1 = document.getElementById('div1');

    // creates a <table> element
    var tbl = document.createElement("table");

    // creating rows
    for (var r = 0; r < totalRows; r++) {
        var row = document.createElement("tr");

     // create cells in row
         for (var c = 0; c < cellsInRow; c++) {
            var cell = document.createElement("td");
    getRandom = Math.floor(Math.random() * (max - min + 1)) + min;
            var cellText = document.createTextNode(Math.floor(Math.random() * (max - min + 1)) + min);
            cell.appendChild(cellText);
            row.appendChild(cell);
        }           

tbl.appendChild(row); // add the row to the end of the table body
    }
    div1.appendChild(tbl);