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