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 相关文章推荐
解决javascript:window.close()在chrome,Firefox下失效的问题
May 07 Javascript
Knockout数组(observable)使用详解示例
Nov 15 Javascript
js判断是否按下了Shift键的方法
Jan 27 Javascript
分享一些常用的jQuery动画事件和动画函数
Nov 27 Javascript
浅析JS动态创建元素【两种方法】
Apr 20 Javascript
Bootstrap 布局组件(全)
Jul 18 Javascript
jQuery实现微信长按识别二维码功能
Aug 26 Javascript
js 数据存储和DOM编程
Feb 09 Javascript
阿里大于短信验证码node koa2的实现代码(最新)
Sep 07 Javascript
微信小程序wx.navigateTo方法里的events参数使用详情及场景
Jan 07 Javascript
js实现坦克大战游戏
Feb 24 Javascript
js实现简易计算器小功能
Nov 18 Javascript
谈谈我对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 命令行工具 shell_exec, exec, passthru, system详细使用介绍
2011/09/11 PHP
PHP魔术引号所带来的安全问题分析
2014/07/15 PHP
浅谈php命令行用法
2015/02/04 PHP
php实现的简单检验登陆类
2015/06/18 PHP
如何在PHP中读写文件
2020/09/07 PHP
Jquery实现网页跳转或用命令打开指定网页的解决方法
2013/07/09 Javascript
利用jQuary实现文字浮动提示效果示例代码
2013/12/26 Javascript
判断window.onload是否多次使用的方法
2014/09/21 Javascript
Nodejs实战心得之eventproxy模块控制并发
2015/10/27 NodeJs
基于jquery实现图片上传本地预览功能
2016/01/08 Javascript
H5移动端图片压缩上传开发流程
2016/11/09 Javascript
js css3实现图片拖拽效果
2017/03/04 Javascript
javascript数组定义的几种方法
2017/10/06 Javascript
微信小程序使用audio组件播放音乐功能示例【附源码下载】
2017/12/08 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
2017/12/25 Javascript
Linux Centos7.2下安装nodejs&amp;npm配置全局路径的教程
2018/05/15 NodeJs
小程序如何在不同设备上自适应生成海报的实现方法
2019/08/20 Javascript
JavaScript享元模式原理与用法实例详解
2020/03/09 Javascript
vue 判断元素内容是否超过宽度的方式
2020/07/29 Javascript
python正则表达式re模块详细介绍
2014/05/29 Python
200 行python 代码实现 2048 游戏
2018/01/12 Python
详解pyinstaller selenium python3 chrome打包问题
2019/10/18 Python
Python通过VGG16模型实现图像风格转换操作详解
2020/01/16 Python
python构造函数init实例方法解析
2020/01/19 Python
Python多进程编程multiprocessing代码实例
2020/03/12 Python
英国高街电视:High Street TV
2018/05/22 全球购物
如何利用find命令查找文件
2016/11/18 面试题
大学四年规划书范文
2013/12/27 职场文书
2014年个人工作总结报告
2014/11/27 职场文书
大雁塔导游词
2015/02/04 职场文书
离婚代理词范文
2015/05/23 职场文书
在职证明格式样本
2015/06/15 职场文书
三八节活动主持词
2015/07/04 职场文书
员工工作心得体会
2019/05/07 职场文书
正确使用MySQL INSERT INTO语句
2021/05/26 MySQL
Java实现字符串转为驼峰格式的方法详解
2022/07/07 Java/Android