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


Posted in Javascript onDecember 25, 2015

本文实例讲述了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 相关文章推荐
jquery 操作DOM的基本用法分享
Apr 05 Javascript
yepnope.js使用详解及示例分享
Jun 23 Javascript
JS文字球状放大效果代码分享
Aug 19 Javascript
整理Javascript函数学习笔记
Dec 01 Javascript
理解javascript异步编程
Jan 27 Javascript
基于JavaScript实现文字超出部分隐藏
Feb 29 Javascript
jQuery实现摸拟alert提示框
May 22 Javascript
BootStrap的table表头固定tbody滚动的实例代码
Aug 24 Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
Oct 04 Javascript
大转盘抽奖小程序版 转盘抽奖网页版
Apr 16 Javascript
vue样式穿透 ::v-deep的具体使用
Jun 04 Javascript
vue递归实现树形组件
Jul 15 Vue.js
谈谈我对JavaScript中typeof和instanceof的深入理解
Dec 25 #Javascript
JavaScript中Window对象的属性及事件
Dec 25 #Javascript
JavaScript字符串删除重复字符的方法
Dec 25 #Javascript
JavaScript如何实现在文本框(密码框)输入提示语
Dec 25 #Javascript
jquery实现图片预加载
Dec 25 #Javascript
基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
Dec 25 #Javascript
使用堆实现Top K算法(JS实现)
Dec 25 #Javascript
You might like
一个php作的文本留言本的例子(一)
2006/10/09 PHP
PHP中全局变量global和$GLOBALS[]的区别分析
2012/08/06 PHP
如何通过PHP实现Des加密算法代码实例
2020/05/09 PHP
js或css实现滚动广告的几种方案
2010/01/28 Javascript
js鼠标左右键 键盘值小结
2010/06/11 Javascript
JavaScript中的比较操作符&gt;、=、
2014/12/31 Javascript
JS延时提示框实现方法详解
2015/11/26 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)
2016/02/16 Javascript
vue.js入门教程之基础语法小结
2016/09/01 Javascript
基于cookie实现zTree树刷新后展开状态不变
2017/02/28 Javascript
B/S(Web)实时通讯解决方案分享
2017/04/06 Javascript
requirejs按需加载angularjs文件实例
2017/06/08 Javascript
vue proxyTable 接口跨域请求调试的示例
2017/09/12 Javascript
详解Angular中实现自定义组件的双向绑定的两种方法
2018/11/23 Javascript
Vue开发之watch监听数组、对象、变量操作分析
2019/04/25 Javascript
详解nvm管理多版本node踩坑
2019/07/26 Javascript
vue打开子组件弹窗都刷新功能的实现
2020/09/21 Javascript
[38:39]完美世界DOTA2联赛循环赛 IO vs GXR BO2第二场 11.04
2020/11/05 DOTA
Python实现字典的遍历与排序功能示例
2017/12/23 Python
python动态视频下载器的实现方法
2019/09/16 Python
pytorch 图像预处理之减去均值,除以方差的实例
2020/01/02 Python
python opencv 检测移动物体并截图保存实例
2020/03/10 Python
keras小技巧——获取某一个网络层的输出方式
2020/05/23 Python
python中的错误如何查看
2020/07/08 Python
CSS3教程:新增加的结构伪类
2009/04/02 HTML / CSS
上课迟到检讨书
2014/01/19 职场文书
财务总监管理岗位职责
2014/03/08 职场文书
春节联欢会主持词
2014/03/24 职场文书
后进生评语大全
2015/01/04 职场文书
萤火虫之墓观后感
2015/06/05 职场文书
春节随笔
2015/08/15 职场文书
学习经验交流会总结
2015/11/02 职场文书
2019客服个人年终工作总结范文
2019/07/08 职场文书
基于Java的MathML转图片的方法(示例代码)
2021/06/23 Java/Android
排查并解决Oracle sysaux表空间异常增长
2022/04/20 Oracle
Python Flask实现进度条
2022/05/11 Python