javascript生成img标签的3种实现方法(对象、方法、html)
本文实例讲述了javascript生成img标签的3种实现方法。分享给大家供大家参考,具体如下:
<divid="d1"></div>
<script>
//HTML
functiona(){
document.getElementById("d1").innerHTML="<imgsrc='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'>";
}
a();
//方法
functionb(){
vard1=document.getElementById("d1");
varimg=document.createElement("img");
img.src="http://baike.baidu.com/cms/rc/240x112dierzhou.jpg";
d1.appendChild(img);
}
b();
//对象
functionc(){
varcc=newImage();
cc.src="http://baike.baidu.com/cms/rc/240x112dierzhou.jpg";
document.getElementById("d1").appendChild(cc);
}
c();
</script>
希望本文所述对大家JavaScript程序设计有所帮助。