用Javascript往一个Div中插入一张图片

最新推荐文章于 2022-07-16 10:59:34 发布

landebug

最新推荐文章于 2022-07-16 10:59:34 发布

阅读量2.8w

点赞数 2

文章标签： javascript div border html5 function

本文链接：https://blog.csdn.net/landebug/article/details/7291246

版权

HTML5火了，JS也得炼一炼

用Javascript往一个Div中插入一张图片

<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 myDiv = document.getElementById('myDiv'); //获得dom对象
		myDiv.appendChild(bigImg);  	//为dom添加子元素img
	};
</script> 
</head>
<body>
<div id="myDiv" style="border:1px solid #eee;width:320px;height:160px;"></div>
</body>
</html>