元件。删除不起作用。 （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);