首页 > web前端 > js教程 > javascript生成img标签的3种实现方法(对象、方法、html)_javascript技巧

javascript生成img标签的3种实现方法(对象、方法、html)_javascript技巧

WBOY
发布: 2016-05-16 15:23:31
原创
1678 人浏览过

本文实例讲述了javascript生成img标签的3种实现方法。分享给大家供大家参考,具体如下:

<div id="d1"></div>
<script>
//HTML
function a(){
document.getElementById("d1").innerHTML="<img  src='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg' alt="javascript生成img标签的3种实现方法(对象、方法、html)_javascript技巧" >";
}
a();
//方法
function b(){
var d1=document.getElementById("d1");
var img=document.createElement("img");
img.src="http://baike.baidu.com/cms/rc/240x112dierzhou.jpg";
d1.appendChild(img);
}
b();
//对象
function c(){
var cc=new Image();
cc.src="http://baike.baidu.com/cms/rc/240x112dierzhou.jpg";
document.getElementById("d1").appendChild(cc);
}
c();
</script>

登录后复制

希望本文所述对大家JavaScript程序设计有所帮助。

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板