Элемент.удалить не работает.(innerHTML работает правильно)

Question

Я хочу проверить свою форму.Когда поле пусто, показывать предупреждение.и удалите его через 3 сек.И вот проблема.. Удалите последнюю работу.Когда я изменяю его на .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);