Question

<script>
function onButtonClick()
{
var table1 = document.createElement('table');

    for(i=0;i<3;i++)
    {

    var td1 = document.createElement('td');
    var text1 = document.createTextNode(a[i]);
    td1.appendChild(text1);
    tr.appendChild(td1);
    td1.style.borderStyle = "solid";
    td1.style.padding = "10px";
    }

}
</script>

因此，无论何时单击按钮，都会追加表格行。如何在函数加载一次后删除行或表。我想用[i]

的新值替换a [i]的旧值

Answer 1

您需要为每个表元素指定一个唯一的ID：

table1.setAttribute("id", "<your id here>");

然后，您可以通过它的ID访问它并取消设置其outerHTML属性来删除该表：

document.getElementById("<table id here>").outerHTML = "";

Answer 2

您需要为表格设置ID，例如：

function(event){
    // here you could also check for a common parent instead of every child element
    if (event.target == "element you want to exclude"){
         return;
    }
}

**这里

DynamicTable

是您定义的元素ID。将其重命名为您的偏好。

然后按ID删除元素。要按ID删除元素，请查看以下内容：https://stackoverflow.com/a/18120786/4190159

如何在javascript中删除动态创建的表？

2 个答案: