创建一个可以自行删除它的元素？

Question

我正在建立一个灯箱作为学校项目,我不能使用jQuery.我有一张图片.当您单击它时,Javascript会生成一个透明的div,ID为"overlay".我希望div删除它自己,或者父级删除它但它不起作用.我认为这与你不能将'onclick'链接到一个尚不存在的元素这一事实有关.

Answer 1

您必须从父项中删除该元素.像这样的东西:

d = document.getElementById('overlay');
d.parentNode.removeChild(d);

或者你可以隐藏它:

d.style.display = 'none';

而且,哦:您可以通过为onclick属性分配一个函数,将Javascript代码添加到(新创建的)元素中.

d = document.createElement('div');
d.onclick = function(e) { this.parentNode.removeChild(this) };

Answer 2

您可以像下面这样删除元素

var el = document.getElementById('div-02');
el.remove(); // Removes the div with the 'div-02' id

点击这里了解更多详情