需要帮助使用JavaScript删除整个div“onClick”

Question

我试图在点击它时删除div，但我不确定如何解决这个问题。任何帮助将不胜感激。

HTML

<div onclick="fadeOut(this)"></div>

的JavaScript

function fadeOut(i) {
    ????
}

Answer 1

使用：

function fadeOut(i) {
    i.parentElement.removeChild(i);
}

Answer 2

你可以使用outerHTML，它是innerHTML的逆，因为outerHTML只与元素有关。

function fadeOut(i) {
  i.outerHTML = ''; // deletes it from the DOM
}

如果您不想显示它但将其保留在DOM中

function fadeOut(i) {
  i.style.display = 'none'; // hides the element
}

JSFIDDLE

Answer 3

使用jquery，您可以按照以下方式执行此操作。

脚本：

function deletediv(id) {
    $("#" + id).remove();
}

HTML：

 <div id="testdiv" style="background-color:Red; height:100px; width:100px;" onclick="deletediv(this.id)"></div> 

Answer 4

即使您可以直接执行此操作:(如果这是特定于当前div。）

<div onclick="this.parentNode.removeChild(this);">xyz</div>