首页 > 开发 > Javascript > 正文

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

2019-10-25 19:26:41
字体:
来源:转载
供稿:网友
这篇文章主要介绍了javascript生成img标签的3种实现方法,包括对象、方法、html三种实现方式,具有一定参考借鉴价值,需要的朋友可以参考下
 

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

<div id="d1"></div><script>//HTMLfunction a(){document.getElementById("d1").innerHTML="<img src='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'>";}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程序设计有所帮助。



注:相关教程知识阅读请移步到JavaScript/Ajax教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表