删除动态增加的div

Question

我有如下代码动态增加一个名为pp的div层：
var $ = function(id){return document.getElementById(id)};
function dycd(str)
 {  
   var hstr="<div id = pp><object classid=clsid:F3D0D36F-23F8-4682-A195-74C92B03D4AF width=500 height=400 ><PARAM NAME='URL' VALUE='" + str + "'><PARAM NAME='Autoplay' VALUE='1'></object></div>";
   $("cnm").insertAdjacentHTML("beforeend",hstr);//获得名称为cnm的层。这个是页面本身有的层，现在这个层后面追加插入内容为hstr 的html格式信息。实现动态输出pp层。
}2个层是独立的 没有嵌套。
现在的问题是。我如何能判断这个动态的pp层是不是存在？如果存在。如何能删除这个pp层？不是隐藏！是要删除！包括pp层中的所有元素！谢谢大家

Answer 1

var div = document.getElementById("pp");
if(div!=null)  div.parentNode.removeChild(div);

Answer 2

貌似我通过楼上的方法。是找不到pp这个层的
因为pp这个层不是页面本身代码中有的。而是通过某些按钮或者文字点击后js动态加上的。这时候你去查看ie源文件也是看不到这个动态层的html代码。
只有固定的本身具有的层才能用楼上的代码查找有人帮解决么？谢谢 我比较召集

Answer 3

恩.
 1楼应该是正解了.
  而且还是兼容做法.
IE下可以直接removeNode 的.

Answer 4

var div = document.getElementById("pp"); 
if(div!=null)  div.parentNode.removeChild(div);