js怎么往id为hezi的div标签里面插入四个div,每个div里面都有一个img标签
时间: 2023-06-05 08:06:04 浏览: 105
可以使用以下代码实现:
```js
var parentDiv = document.getElementById("hezi");
for (var i = 0; i < 4; i++) {
var newDiv = document.createElement("div");
var newImg = document.createElement("img");
newImg.src = "image" + i + ".jpg"; // 假设四张图片的文件名分别为 image0.jpg, image1.jpg, image2.jpg, image3.jpg
newDiv.appendChild(newImg);
parentDiv.appendChild(newDiv);
}
```
注意,上述代码中的四张图片文件名需要根据实际情况进行更改。
相关问题
js怎么往id为hezi的div标签内的div盒子里面插入img标签
你可以使用以下JS代码将img标签添加到id为hezi的div标签内的div盒子里面:
```
var divBox = document.querySelector("#hezi div");
var img = document.createElement("img");
img.src = "your_image_url";
divBox.appendChild(img);
```
请注意,"your_image_url"需要替换为你自己要插入的图片的URL。
js怎么往id为hezi的标签内的div盒子里面插入img标签
你可以使用JavaScript的dom操作来实现这个功能。具体的代码如下:
```javascript
var img = document.createElement("img"); // 创建img元素
img.src = "图片地址"; // 设置图片地址
document.getElementById("hezi").appendChild(img); // 将img元素添加到id为hezi的标签内的div盒子中
```
注意,以上代码中的"图片地址"需要替换为实际的图片地址。
阅读全文