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

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>  

猜你喜欢

转载自blog.csdn.net/qq_34328404/article/details/77305377