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

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

赵世婷

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

阅读量4.5k

点赞数 2

分类专栏：网页开发相关

网页开发相关专栏收录该内容

14 篇文章 0 订阅

订阅专栏

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>

赵世婷

关注

2
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
用Javascript往一个Div中插入一张图片

HTML5火了，JS也得炼一炼用Javascript往一个Div中插入一张图片 window.onload = function (){ var bigImg = document.createElement("img"); //创建一个img元素 bigImg.src="http://www.baidu.
复制链接

扫一扫

专栏目录