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重建星际争霸
Dec 22 Javascript
JavaScript CSS修改学习第二章 样式
Feb 19 Javascript
jquery中$.post()方法的简单实例
Feb 04 Javascript
一个小例子解释如何来阻止Jquery事件冒泡
Jul 17 Javascript
JS实现图片产生波纹一样flash效果的方法
Feb 27 Javascript
jQuery实现鼠标单击网页文字后在文本框显示的方法
May 06 Javascript
第九章之路径分页标签与徽章组件
Apr 25 Javascript
在 Angular2 中实现自定义校验指令(确认密码)的方法
Jan 23 Javascript
Vue中使用vux的配置详解
May 05 Javascript
webpack学习教程之publicPath路径问题详解
Jun 17 Javascript
React-Native中props具体使用详解
Sep 04 Javascript
vue路由拦截器和请求拦截器知识点总结
Nov 08 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获取用户的浏览器与操作系统信息的代码
2012/09/04 PHP
修改php.ini以达到屏蔽错误信息并记录日志
2013/06/16 PHP
php快递单号查询接口使用示例
2014/05/05 PHP
PHP中基本HTTP认证技巧分析
2015/03/16 PHP
php实现微信公众平台账号自定义菜单类
2015/10/11 PHP
CI框架整合smarty步骤详解
2016/05/19 PHP
PHP 自动加载类原理与用法实例分析
2020/04/14 PHP
javascript 表单的友好用户体现
2009/01/07 Javascript
Aptana调试javascript图解教程
2009/11/30 Javascript
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
2013/05/07 Javascript
JavaScript比较两个对象是否相等的方法
2015/02/06 Javascript
js输入框使用正则表达式校验输入内容的实例
2017/02/12 Javascript
JS实现快速比较两个字符串中包含有相同数字的方法
2017/09/11 Javascript
解决vue一个页面中复用同一个echarts组件的问题
2020/07/19 Javascript
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
[01:13]2015国际邀请赛线下观战现场
2015/08/08 DOTA
[02:23]1个至宝=115个英雄特效 最“绿”至宝拉比克“魔导师密钥”登场
2018/12/29 DOTA
python实现日常记账本小程序
2018/03/10 Python
python调用Matplotlib绘制分布点并且添加标签
2018/05/31 Python
python skimage 连通性区域检测方法
2018/06/21 Python
解决python 自动安装缺少模块的问题
2018/10/22 Python
使用python Fabric动态修改远程机器hosts的方法
2018/10/26 Python
Python爬虫小例子——爬取51job发布的工作职位
2020/07/10 Python
Python中使用aiohttp模拟服务器出现错误问题及解决方法
2020/10/31 Python
flask框架中的cookie和session使用
2021/01/31 Python
HTML5 Blob 实现文件下载功能的示例代码
2019/11/29 HTML / CSS
美国正宗设计师眼镜在线零售商:EYEZZ
2019/03/23 全球购物
毕业研究生的自我鉴定
2013/11/30 职场文书
闭幕式主持词
2014/04/02 职场文书
新学期国旗下演讲稿
2014/05/08 职场文书
小学网上祭英烈活动总结
2014/07/05 职场文书
《怀念母亲》教学反思
2016/02/19 职场文书
开学第一周日记(三篇范文)
2019/08/23 职场文书
一篇文章弄懂Python关键字、标识符和变量
2021/07/15 Python
java.util.NoSuchElementException原因及两种解决方法
2022/06/28 Java/Android
阿里面试Nacos配置中心交互模型是push还是pull原理解析
2022/07/23 Java/Android