Javascript 将图像插入当前img标签

我在生猫。现在发生的事情是每次运行

generateCat（）

，清除

cats container

div，然后插入新的

img

标记。 我相信这是一种非常缓慢的方法，有没有其他方法可以“替换”这些src，而不必向每个图像添加id并更改它们的

src=“”

HTML

挑战2：Cat发电机
生成

Js

const catButton=document.getElementById（“cats按钮”）
const catscocontainer=document.getElementById（“cats容器”）
const generateCat=（e）=>{
const target=e.target；
while（catsContainer.firstChild）{
catsContainer.removeChild（catsContainer.firstChild）；
}
if（target.matches（“按钮”））{
for（设i=0；i<6；i++）{
var newImg=新图像（240200）；
newImg.classList.add（“cat图像”）；
newImg.src=”http://theoldreader.com/kittens/"
+getRndInteger（500600）+“/”+getRndInteger（500600）+”
catscocontainer.appendChild（newImg）；
}
}
}
catButton.addEventListener（“单击”，生成CAT）；

您可以使用选择

img

元素，然后更改

src

属性，如下所示：

const generateCat = () => {
  const images = document.querySelectorAll(".cat-image")
  images.forEach(function(image) {
    image.src = "http://theoldreader.com/kittens/"+getRndInteger(500,600)+"/"+getRndInteger(500,600)+""
  })
}

---

您可以使用选择

img

元素，然后更改

src

属性，如下所示：

const generateCat = () => {
  const images = document.querySelectorAll(".cat-image")
  images.forEach(function(image) {
    image.src = "http://theoldreader.com/kittens/"+getRndInteger(500,600)+"/"+getRndInteger(500,600)+""
  })
}

const generateCat = () => {
  const images = document.querySelectorAll(".cat-image")
  images.forEach(function(image) {
    image.src = "http://theoldreader.com/kittens/"+getRndInteger(500,600)+"/"+getRndInteger(500,600)+""
  })
}