Javascript 访问并删除动态创建的元素

Javascript 访问并删除动态创建的元素,javascript,html,dynamically-generated,Javascript,Html,Dynamically Generated,我使用for循环创建了一组具有唯一ID的图像。它们看起来像这样: <img src="image.jpg" id="110021002" /> <img src="image.jpg" id="110021003" /> <img src="image.jpg" id="110031002" /> ... 但我得到了以下错误: Cannot read property 'parentNode' of null 不太清楚这里发生了什么。是因为图像是动态创建的

我使用for循环创建了一组具有唯一ID的图像。它们看起来像这样:

<img src="image.jpg" id="110021002" />
<img src="image.jpg" id="110021003" />
<img src="image.jpg" id="110031002" />
...
但我得到了以下错误:

Cannot read property 'parentNode' of null
不太清楚这里发生了什么。是因为图像是动态创建的吗?

您不能有这样的ID。试着在它们前面加一个字母。

您的代码工作得很好:第一次删除元素时,很明显在第二次尝试时元素不在那里,它会抛出给定的错误

在小提琴上:

  • 单击一下,就可以了
  • 再次单击失败,因为具有该ID的元素已不存在
是的,ID可以从数字开始

**Attribute ID** Specifies a unique id for the element. Naming rules:
Must contain at least one character
Must not contain any space characters
In HTML, all values are case-insensitive

如何将图像添加到文档中?您已经说过要动态添加它,但没有给出示例。该错误意味着,在该时间点,
img
null
。通过
控制台中的.log
查看。您试图删除的
id
不能与图像匹配。
img
null
不在那里。如何实例化这些图像?您何时调用“删除代码”?请更新你的问题,让它更符合上下文。哇,我不知怎么忽略了这一点!谢谢。是的,HTML5允许ID是数字,你也可以使用HTML4。您只是无法使用document.getElementById()获取它们。链接页面甚至显示了一个如何使用带有数字起始id的类选择器的示例。谢谢,但这个示例并不涉及首先动态创建图像,我怀疑这可能是问题的原因。听着,您提出的问题是由于这个原因,如果您有其他问题,那不是您提出的问题。我的回答解决了这个非常特殊的问题,我不明白。问题不是我多次尝试删除该元素。此外,我在问题中明确指出,我关心的是动态元素的创建问题。您没有提供足够的上下文,如果您提供生成
img
标记的代码,我们可能会提供帮助,到目前为止,你的代码在删除函数上没有任何错误。只是做了更多的测试,结果表明我的代码可能已经尝试删除元素不止一次了。谢谢你的回答,让我检查这个。
**Attribute ID** Specifies a unique id for the element. Naming rules:
Must contain at least one character
Must not contain any space characters
In HTML, all values are case-insensitive