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

Question

我正在构建一个灯箱作为学校项目，但我不会使用 jQuery。我有一个图像。单击它时，Javascript 会生成一个 ID 为“overlay”的透明 div。我希望 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) };