想在一个div里面添加图片，用js怎么写啊？

1、猛档新建一个HTML文件，保存为test.html，用于编写代码实现拖放功能 。

2、在test.html添加一个div标签，并且给它一个id，用于下面编写样式。

3、通过div的id , 给div定义CSS样式，例如，把枝派乱div定义为一个带边框的长方形。下面将实现将图片拖放在这个长方形中。

4、在div的下面定义一张被拖放图片，并设置该图片的属性为允许被拖放。

5、在被拖放的图片上加上一羡茄个ondragstart事件，即图片被拖动时触发这个事件。再给事件一个函数，用于拖动图片时，把图片保存在一个变量中。

6、运行代码，在浏览器中查看结果：至此，完成了使用JS实现拖放图片到div中的功能。

思路：先获取div对象，然后用innerHTML属性设置内容。当div用id属性标识时，可以直接用document.getElementById()获取；当梁棚雀div是用其他属性（如name，class）标识，就需要使用document.getElementsByTagName()获取对象，然后循环判断橡早属性进行筛选。

下面实例演示根据div的class设置div的内容：

1、HTML结构

<div class="test"></div>

<input type="text" id="test"/><input type='button' value='发送' onclick="fun()"/>

2、javascript代码

function fun(){

    var str = document.getElementById("test").value

    var divs = document.getElementsByTagName("div"和羡)

    for(i=0i<divs.lengthi++){

        if(divs[i].className == "test"){

            divs[i].innerHTML += "" +str

        }

    }

}

1、首先打谨森开hbuilder软件新建一首信个html文件，在html页面上创建一个点击的button按钮：

2、然后为button添加点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div，接着使用innerHTML对新建的div设置内容，最后把div放到body显示：

3、在html里为button按钮添加宇哥点击创建div的事件，完成之后代码就写好了，接下来需要看看效果：

4、保存好html文件后使用浏览器打开，此时还没有者晌轮创建div：

5、最后点击button按钮，会执行脚本创建div的事件，新的div就创建好了，顺利实现了给HTML标签添加了内容。以上就是用JS给HTML标签添加内容的 *** 作：

---