javascript - 使用 Javascript 删除 DOM 元素

Question

我一直在尝试在单击图像时关闭/删除 DOM 元素，但没有成功。我已经为要调用 onload 的元素构建了代码，但现在我需要将它们关闭或从图像的 onclick 正文中删除。

这是调用元素的代码:

function myFunction() {  

var embed = document.createElement('embed');
embed.setAttribute("src", "http://www.domain.com");
embed.setAttribute("width", "100%"); 
embed.setAttribute("height", "100%");

var content = document.createElement('div');
content.id = 'content';
content.className = 'content_layer';

var close = document.createElement('div');
close.id = 'close';
close.className = 'close_layer';  

var close_link = document.createElement('a');  
close_link.setAttribute("href", "javascript:NEED CODE HERE????");

var close_img = document.createElement('img');  
close_img.setAttribute("src", "http://img.com");
close_img.setAttribute("width", "100%"); 
close_img.setAttribute("height", "100%");

content.appendChild(embed);
close.appendChild(content);
close_link.appendChild(close_img);   
close.appendChild(close_link); 


document.getElementsByTagName('body')[0].appendChild(close);
}

window.onload = myFunction();

具体来说，我需要“close_link”从正文中删除“close”元素。由于所有其他元素都是此元素的子元素，因此我假设一旦删除“关闭”，它们也会全部关闭(如果我在这里错了，请纠正我)。

使用 Javascript 有什么建议吗？另外，请注意我不打算向其中添加 jquery...

谢谢!

乔恩

Answer 1

我解决的办法如下:

var close = document.createElement('div');
close.id = 'close';
close.className = 'close_layer';  

var close_link = document.createElement('a');  
close_link.setAttribute("href", "javascript:myFunction()");

var close_img = document.createElement('img');  
close_img.setAttribute("src",
"img.jpg");
close_img.setAttribute("width", "100%"); 
close_img.setAttribute("height", "100%");

close_link.appendChild(close_img);   
close.appendChild(close_link); 

function myFunction() {
var element = document.getElementById("close");
element.parentNode.removeChild(element); }

希望这对其他人有帮助!

乔恩