javascript生成img标签的3种实现方法(对象、方法、html)
更新时间：2015年12月25日 15:05:29 作者：释然me
这篇文章主要介绍了javascript生成img标签的3种实现方法,包括对象、方法、html三种实现方式,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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'>";
}
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程序设计有所帮助。
相关文章
在网上有很多这样的代码，不过未必符合W3C标准，因为在头部加上<!DOCTYPE html>类似标签之后，漂浮效果就会失效，下面分享一个符合标准的漂浮代码，使需要的朋友免去大量改造代码的繁琐2016-01-01
下面小编就为大家带来一篇浅谈JavaScript 数据属性和访问器属性。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
HTML中setCapture、releaseCapture 使用方法浅析
本文给大家简单介绍了下html中的高级拖动技术setCapture、releaseCapture的使用方法，有需要的小伙伴可以参考下2016-09-09
这篇文章主要为大家详细介绍了微信小程序商品详情页底部弹出框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
在开发的过程中,我们会经常使用到axios进行数据的交互,这篇文章主要给大家介绍了关于axios四种传参方式及后端接参的相关资料,文中给出了详细的代码示例,需要的朋友可以参考下2023-10-10
这篇文章主要介绍了微信小程序API获取定位，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
本文主要介绍了JavaScript树结构的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了微信开发 消息推送实现代码的相关资料,需要的朋友可以参考下2016-10-10
这篇文章主要介绍了七个很有意思的PHP函数,这些函数鲜为人知,但很实用,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了微信小程序实现获取自己所处位置的经纬度坐标功能,涉及微信小程序地图功能获取经纬度信息的相关操作技巧,需要的朋友可以参考下2017-11-11
最新评论