如何删除隐藏的HTML元素?

时间:2012-01-11 04:47:34

标签: javascript nodes element hidden

我在将其可见性更改为hidden后尝试删除HTML元素,但在运行the following code时出现以下错误。看起来我无法处理元素,因为它是隐藏的。

  

未捕获错误: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);

1 个答案:

答案 0 :(得分:4)

要删除节点,您必须拨打https://developer.mozilla.org/En/DOM/Node.removeChild,这不是document的方法。它是否是一个隐藏的元素并不重要

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