js怎么往div盒子里面插入img标签
时间: 2023-06-05 10:05:59 浏览: 145
您好,可以使用以下代码将img标签插入div盒子中:
```
var divBox = document.getElementById("divBox"); //获取要插入的div盒子
var imgTag = document.createElement("img"); //创建img标签
imgTag.setAttribute("src", "图片地址"); //设置img标签的src属性
divBox.appendChild(imgTag); //将img标签插入到div盒子中
```
需要将"图片地址"替换成实际图片的URL地址。
相关问题
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盒子中
```
注意,以上代码中的"图片地址"需要替换为实际的图片地址。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)