如何使用javascript函数按下按钮，在4个单独的div中放置相同的图像4次？

我有html和css。我需要编写一个java函数，将相同的图像4次放入4个相同的div中，并将其居中

函数addTheImage（）{
var img=document.createElement（'img'）；
img.src=”https://media.giphy.com/media/27ppQUOxe7KlG/giphy.gif";
文件.正文.附件（img）；
}

首先，澄清一下，您编写的是JavaScript，而不是Java。（很容易犯错误，但它们是错误的。）

另外，我没有看到任何HTML或CSS附加到您的问题上——只是JS片段。但是，将图像添加到多个div应该不会太难：

函数addTheImage（）{
将_添加到_div（“target1”）；
将_添加到_div（“target2”）；
将_添加到_div（“target3”）；
将_添加到_div（“target4”）；
}
函数add_to_div（div_id）{
var img=document.createElement（'img'）；
img.src=”https://media.giphy.com/media/27ppQUOxe7KlG/giphy.gif";
var container=document.getElementById（div_id）；
子容器（img）；
}

.image容器{
高度：50px；
宽度：100px；
边框：纯黑2px；
文本对齐：居中；
}
/*这将选择图像容器div内的所有img标记*/
.图像容器img{
身高：100%；
}

添加图像

您需要将其添加到所需的div中，而不是添加到文档中，例如

document.getElementById（'tomatoColoredDiv'）.appendChild（img）