如何通过使用remove方法单击javascript中的图像来删除图像

在我使用createElement创建“img”元素后，我试图通过单击来删除图像，但我无法删除图像，代码中的删除函数有什么问题？ 这是我的密码：

function generateCat(){
  var image = document.createElement('img')
  var div = document.getElementById('flex-cat-gen');
  image.src= ('image.jpg');
  div.appendChild(image);
}

document.getElementsByTagName('img').onclick =  function removes() {
  document.getElementsByTagName('img').remove();
}

---

您应该这样尝试。您必须为单击事件添加一个

Eventlistener

。另请参见

方法返回具有给定标记的元素的活动HTMLCollection 名字

函数generateCat（）{
var image=document.createElement（'img'）
var div=document.getElementById（'flex-cat-gen'）；
image.src=（'https://cdn.nikkiflower.com/assets/uploads/product_image/114/small/1575008384_0.jpg');
子分区（图像）；
让tags=document.getElementsByTagName（'img'）；
for（设i=0；i

Generate Cat

getElementsByTagName

返回一个

HTMLCollection

，而不是单个元素。您必须在每个元素上循环，并将事件侦听器绑定到它。在事件处理程序中，删除每个图像这是我的html:Generat Cat，因此我不必添加事件列表谢谢你现在它工作了如果它工作了，请接受答案@amir