如何使用Javascript往Div中插入图片的实例分析

黄舟原创: 2017-07-26 14:25:31 11244浏览

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中插入图片的实例分析的详细内容，更多请关注php中文网其它相关文章！

Javascript js 图片 PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：javascript的循环有序集合中为什么优先使用数组？下一条：分享用Node.js实现注册邮箱的步骤实例