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 相关文章推荐
JS实现的省份级联实例代码
Jun 24 Javascript
JQuery操作三大控件(下拉,单选,复选)的方法
Aug 06 Javascript
深入探讨前端框架react
Dec 09 Javascript
jQuery包裹节点用法完整示例
Sep 13 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
May 24 Javascript
Three.js实现浏览器变动时进行自适应的方法
Sep 26 Javascript
总结JavaScript在IE9之前版本中内存泄露问题
Apr 28 Javascript
d3.js实现自定义多y轴折线图的示例代码
May 30 Javascript
Bootstrap模态对话框用法简单示例
Aug 31 Javascript
vue 项目地址去掉 #的方法
Oct 20 Javascript
Vue触发式全局组件构建的方法
Nov 28 Javascript
vue 解决provide和inject响应的问题
Nov 12 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封装CURL扩展类实例
2015/07/28 PHP
在PHP语言中使用JSON和将json还原成数组的方法
2016/07/19 PHP
php is_writable判断文件是否可写实例代码
2016/10/13 PHP
ThinkPHP打水印及设置水印位置的方法
2016/10/14 PHP
PHP大文件分割上传 PHP分片上传
2017/08/28 PHP
YII2框架中查询生成器Query()的使用方法示例
2020/03/18 PHP
javascript innerHTML、outerHTML、innerText、outerText的区别
2008/11/24 Javascript
javascript代码运行不出来执行错误的可能情况整理
2013/10/18 Javascript
javascript实现存储hmtl字符串示例
2014/04/25 Javascript
JQUERY的AJAX请求缓存里的数据问题处理
2016/02/23 Javascript
js实现人民币大写金额形式转换
2016/04/27 Javascript
微信小程序  网络请求API详解
2016/10/25 Javascript
jquery mobile实现可折叠的导航按钮
2017/03/11 Javascript
nodejs入门教程六:express模块用法示例
2017/04/24 NodeJs
jQuery查找和过滤_动力节点节点Java学院整理
2017/07/04 jQuery
js is_valid_filename验证文件名的函数
2017/07/19 Javascript
微信小程序实现文字无限轮播效果
2018/12/28 Javascript
使用layer.msg 时间设置不起作用的解决方法
2019/09/12 Javascript
Python切片用法实例教程
2014/09/08 Python
Python进行数据科学工作的简单入门教程
2015/04/01 Python
浅析Python中的序列化存储的方法
2015/04/28 Python
Python中创建字典的几种方法总结(推荐)
2017/04/27 Python
Python实现的文本简单可逆加密算法示例
2017/05/18 Python
tensorflow TFRecords文件的生成和读取的方法
2018/02/06 Python
python opencv摄像头的简单应用
2019/06/06 Python
在Python3 numpy中mean和average的区别详解
2019/08/24 Python
python opencv实现gif图片分解的示例代码
2019/12/13 Python
Python 实现自动完成A4标签排版打印功能
2020/04/09 Python
详解CSS3实现响应式手风琴效果
2020/06/10 HTML / CSS
HTML5对比HTML4的主要改变和改进总结
2016/05/27 HTML / CSS
韩国乐天网上商城:Lotte iMall
2021/02/03 全球购物
生产厂厂长岗位职责
2013/12/25 职场文书
2014年党支部工作总结
2014/11/13 职场文书
2014小学语文教学工作总结
2014/12/17 职场文书
文明上网主题班会
2015/08/14 职场文书
《勇者辞职不干了》上卷BD发售宣传CM公开
2022/04/08 日漫