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程序设计有所帮助。
相关文章
这篇文章主要介绍了JavaScript复制变量三种方法实例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-01-01
本文通过实例代码给大家介绍了JS图片轮播与索引变色功能，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-07-07
这个例子,首先是把SPAN里的内容用display:none;干掉,就是不显示; 然后在A:HOVER时,再把SPAN里的内容display:block; 就是显示出来;同时定义一下SPAN的位置; 其它代码很简单,但有人说看不太懂;我就简单说一下;2008-06-06
这篇文章主要为大家详细介绍了JS+CSS实现3D切割轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
Bootstrap 最常用的JS插件系列总结（图片轮播、标签切换等）
这篇文章主要为大家详细介绍了Bootstrap 最常用的JS插件，包括图片轮播carousel.js、标签切换tab.js、滚动监听scrollspy.js等，感兴趣的小伙伴们可以参考一下2016-07-07
这篇文章主要介绍了JS使用for in有序获取对象数据,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
这篇文章主要介绍了Javascript 高阶函数使用介绍,需要的朋友可以参考下2015-06-06
JavaScript垃圾回收机制(引用计数,标记清除,性能优化)
这篇文章主要介绍了JavaScript垃圾回收机制(引用计数,标记清除,性能优化),垃圾回收是JavaScript的隐藏机制，我们通常无需为垃圾回收劳心费力，只需要专注功能的开发就好了2022-07-07
echarts折线图月份数据不足自动补0和日期达到数据连续的效果(最新推荐)
这篇文章主要介绍了echarts折线图月份数据不足自动补0和日期达到数据连续的效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-03-03
这篇文章主要介绍了原生JS实现的双色球功能,涉及javascript随机数生成及数值运算相关操作技巧,需要的朋友可以参考下2018-02-02
最新评论