如何删除隐藏的 HTML 元素？

Question

我尝试在将 HTML 元素的可见性更改为 hidden 后删除该元素，但在运行 以下代码。看起来我无法获取该元素的句柄，因为它是隐藏的。

未捕获错误：NOT_FOUND_ERR：DOM 异常 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);
}