元素。删除不起作用。（innerHTML 工作正确）

Question

我想验证我的表格。当字段为空时，显示警告警报。并在 3 秒后将其删除。这是问题。 .remove 不工作。当我在 .innerHTML="" 上更改它时，它就起作用了。但它不是删除这个元素。感谢大家的光临！

代码如下：

if(intMarks=="" || intImportance=="" || subject=="" || paragraph=="" ){
        body = document.getElementById("body")
        var warning = document.createElement("div");
        warning.classList.add("alert", "alert-danger");
        warning.setAttribute("role","alert");
        warning.innerText = "one of the fields is empty!";
        warning.setAttribute("id", "warning");
        body.appendChild(warning);
        //delete warning after 3 sec
        setTimeout(function(){ document.getElementById("warning").remove;  console.log("delete") }, 3000);

Answer 1

您必须从其父元素中删除该元素：

var elem = document.getElementById("warning");
elem.parentNode.removeChild(elem);

元素。删除不起作用。（innerHTML 工作正确）

Element. remove does't work. (innerHTML work correct)

javascript

element

元素。删除不起作用。 （innerHTML 工作正确）

Element. remove does't work. (innerHTML work correct)

javascript

element

元素。删除不起作用。（innerHTML 工作正确）