JavaScript parent.removeChild (child) не работает

Question

У меня возникли проблемы с использованием parent.removeChild(). Я думаю, что использую правильный синтаксис. Кто-нибудь знает, что не так?

var parent = document.body 
var child = document.getElementById("clueDiv") 
parent.removeChild(child); 

Answer 1

Если это не работает, вероятно, child не ребенок document.body.

Попробуйте с:

child.parentElement.removeChild(child) 

Или, как @PaulS. сказал:

child.parentNode.removeChild(child) 

Answer 2

Вы можете также использовать ChildNode.remove():

var child = document.getElementById("clueDiv"); 
child.remove(); 

Это не поддерживается в Internet Explorer, но вы можете использовать polyfill:

if (!('remove' in Element.prototype)) { 
    Element.prototype.remove = function() { 
     if (this.parentNode) { 
      this.parentNode.removeChild(this); 
     } 
    }; 
}