javascript - 如何删除隐藏的 HTML 元素？

Question

在将 HTML 元素的可见性更改为 hidden 后，我试图删除它，但在运行 the following code 时出现以下错误.看起来我无法获取该元素的句柄，因为它是隐藏的。

Uncaught Error: NOT_FOUND_ERR: DOM Exception 8 elementHidden

有什么方法可以删除使用纯 JavaScript 隐藏的节点吗？由于冲突，我不能使用任何像 jQuery 这样的库。

---

来自 jsFiddle 的代码

function elementHidden(e) {
    if (!e.target.style.opacity) {
        console.log('Delete this mofo!'); 
        document.removeChild(e.target.parent, e.target);
    }
}

document.getElementById("curtain").addEventListener('click', elementHidden, false);

Answer 1

要删除一个节点，你必须调用https://developer.mozilla.org/En/DOM/Node.removeChild ，它不是 document 的方法。是不是隐藏元素并不重要

function removeElement(el) {
  el.parentNode.removeChild(el);
}