需要帮助，使用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

您可以使用externalHTML，它是innerHTML的逆函数，因为externalHTML仅与元素有关。

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>