JavaScript removeChild不工作

Question

我正在使用这段JavaScript代码从页面中删除几个元素，但它不起作用。当我使用Opera Dragonfly检查代码时，它显示如下内容：

Uncaught exception: Error: WRONG_ARGUMENTS_ERR

并指向文件名和函数名。

奇怪的是，我在同一页面上的另一个函数中使用了完全相同的代码，它工作起来没有任何问题。代码很小，很简单：

var docBody = document.getElementById("body");
if(document.getElementById("marginDiv")){
  docBody.removeChild("marginDiv");
}

页面上同时存在body和marginDiv。我的目标是让缩略图在用户点击背景时消失。

Answer 1

试一试

docBody.removeChild(document.getElementById("marginDiv"));

Answer 2

您正在尝试删除字符串。字符串很难说是HTML元素。您还需要将marginDiv作为body的直接子级，但事实可能并非如此。

相反，试着这样做：

var remove = document.getElementById('marginDiv');
if( remove) remove.parentNode.removeChild(remove);

Answer 3

removeChild需要对DOM元素的引用，而不是字符串。试试这个：

var docBody = document.getElementById("body");
var marginDiv = document.getElementById("marginDiv");

if(marginDiv)){
docBody.removeChild(marginDiv);
}