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学习笔记之jQuery选择器的使用
Dec 22 Javascript
JQuery datepicker 使用方法
May 20 Javascript
JS多物体 任意值 链式 缓冲运动
Aug 10 Javascript
window.opener用法和用途实例介绍
Aug 19 Javascript
jQuery基础语法实例入门
Dec 23 Javascript
使用javascript提交form表单方法汇总
Jun 25 Javascript
JavaScript简单下拉菜单实例代码
Sep 07 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
Jun 06 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
Sep 14 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
Dec 05 Javascript
在Vue项目中引入JQuery-ui插件的讲解
Jan 27 jQuery
electron踩坑之dialog中的callback解决
Oct 06 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获取网页内容方法总结
2008/12/04 PHP
php 分页函数multi() discuz
2009/06/21 PHP
php5.3提示Function ereg() is deprecated Error问题解决方法
2014/11/12 PHP
PHP实现的sqlite数据库连接类
2014/12/12 PHP
PHP实现搜索相似图片
2015/09/22 PHP
PHP针对中英文混合字符串长度判断及截取方法示例
2017/03/31 PHP
JQuery下关于$.Ready()的分析
2009/12/13 Javascript
javascript 命名规则 变量命名规则
2010/02/25 Javascript
jquery load事件(callback/data)使用方法及注意事项
2013/02/06 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
2013/09/10 Javascript
Javascript核心读书有感之词法结构
2015/02/01 Javascript
JQuery 设置checkbox值二次无效的解决方法
2016/07/22 Javascript
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
2020/10/26 Javascript
JavaScript 函数的定义-调用、注意事项
2017/04/16 Javascript
浅谈react-native热更新react-native-pushy集成遇到的问题
2017/09/30 Javascript
JavaScript对象字面量和构造函数原理与用法详解
2020/04/18 Javascript
详谈python http长连接客户端
2017/06/12 Python
Python全局变量与局部变量区别及用法分析
2018/09/03 Python
Django csrf 两种方法设置form的实例
2019/02/03 Python
centos7之Python3.74安装教程
2019/08/15 Python
使用Python实现分别输出每个数组
2019/12/06 Python
python通过对字典的排序,对json字段进行排序的实例
2020/02/27 Python
python开发前景如何
2020/06/11 Python
沃达丰英国有限公司:Vodafone英国
2019/04/16 全球购物
璀璨的珍珠、密钉和个性化珠宝:Lily & Roo
2021/01/21 全球购物
室内设计专业个人的自我评价
2013/12/18 职场文书
交通安全演讲稿
2014/01/07 职场文书
写给女生的道歉信
2014/01/14 职场文书
创建文明学校实施方案
2014/03/11 职场文书
人力资源主管的岗位职责
2014/03/15 职场文书
职称评定自我鉴定
2014/03/18 职场文书
2014副局长群众路线对照检查材料思想汇报
2014/09/22 职场文书
2015年教师新年寄语
2014/12/08 职场文书
上课迟到检讨书范文
2015/05/06 职场文书
php 原生分页
2021/04/01 PHP
go语言使用Casbin实现角色的权限控制
2021/06/26 Golang