如何使用JS从div元素中删除所有子元素

Question

嘿伙计们，我正在学习 JS，问题是我做了一个简单的应用程序，它显示了输入数字的乘法表。问题是，当我再次输入一个数字时，它会打印在上一个乘法表的下方，所以当我再次输入一个数字时，我想删除 div 标签的所有子元素

function print() {
    var box = document.getElementById("table");

    for(let i=1 ; i<=10 ; i++) {
        var t = document.getElementById("tabInput").value;
        var t_Element = document.createElement("p");
        var t_line = document.createTextNode(t + " x " + i + " = " + t*i);
        t_Element.appendChild(t_line);
        box.appendChild(t_Element);
    }
}

Answer 1

如果您需要清除所有元素，则无需遍历它们。

你可以只清除innerHTML的div，像这样：

document.getElementById('yourdivid').innerHTML = '';

然后您可以继续执行创建新元素的其余代码