html5火了,js也得炼一炼
用javascript往一个p中插入一张图片
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript">
window.onload = function (){
var bigimg = document.createelement("img"); //创建一个img元素
bigimg.src="http://www.baidu.com/img/baidu_sylogo1.gif"; //给img元素的src属性赋值
//bigimg.width="320"; //320个像素 不用加px
var myp = document.getelementbyid('myp'); //获得dom对象
myp.appendchild(bigimg); //为dom添加子元素img
};
</script>
</head>
<body>
<p id="myp" style="border:1px solid #eee;width:320px;height:160px;"></p>
</body>
</html>
以上就是如何使用javascript往div中插入图片的实例分析的详细内容。