div中移除某个元素 js_JavaScript DOM移除元素

我正在尝试测试DOM元素是否存在，如果确实存在，则将其删除，如果不存在，则将其创建。

var duskdawnkey = localStorage["duskdawnkey"];

var iframe = document.createElement("iframe");

var whereto = document.getElementById("debug");

var frameid = document.getElementById("injected_frame");

iframe.setAttribute("id", "injected_frame");

iframe.setAttribute("src", 'http://google.com');

iframe.setAttribute("width", "100%");

iframe.setAttribute("height", "400");

if (frameid) // check and see if iframe is already on page

{ //yes? Remove iframe

iframe.removeChild(frameid.childNodes[0]);

} else // no? Inject iframe

{

whereto.appendChild(iframe);

// add the newly created element and it's content into the DOM

my_div = document.getElementById("debug");

document.body.insertBefore(iframe, my_div);

}

检查是否存在，创建元素有效，但删除该元素无效。基本上，所有这些代码所做的就是通过单击按钮将iframe注入网页。我想发生的是，如果iframe已经存在，可以删除它。但是由于某种原因，我失败了。