Как удалить скрытый элемент 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); 
}