javascript生成img标签的3种实现方法(对象、方法、html)
更新时间：2015年12月25日 15:05:29 作者：释然me
这篇文章主要介绍了javascript生成img标签的3种实现方法,包括对象、方法、html三种实现方式,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
这篇文章主要介绍了js实现控制整个页面滚动条的位置，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
斐波那契数列来源于兔子繁殖问题,所以也叫兔子序列,下面这篇文章主要给大家介绍了关于JavaScript输出斐波那契数列的实现方法,需要的朋友可以参考下2021-06-06
下面小编就为大家带来一篇js中判断变量类型函数typeof的用法总结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
电子签名已经成为现代商业中不可或缺的一部分，它可以提高业务流程的效率和安全性。本文将介绍如何使用HTML5的canvas元素和JavaScript在前端实现电子签名，需要的可以参考一下2023-04-04![解析Javascript中中括号“[]”的多义性](//img.jbzj.com/images/xgimg/bcimg4.png)
这篇文章主要介绍了Javascript中中括号“[]”的多义性。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
JS打开层/关闭层/移动层动画效果的实例代码，需要的朋友可以参考一下2013-05-05
这篇文章帮助大家轻轻松松实现js图片预览功能，主要介绍了纯JS实现本地图片预览的方法，具有一定参考借鉴价值,需要的朋友可以参考下2016-01-01
微信内置浏览器WeixinJSBridge的使用技巧(隐藏右上角按钮,获取用户网络状态,支付等)
这篇文章主要介绍了微信内置浏览器WeixinJSBridge的使用技巧,隐藏右上角按钮,获取用户网络状态,支付,隐藏下方工具栏等,需要的朋友可以参考下2024-02-02
AngularJS实现textarea记录只能输入规定数量的字符并显示
AngularJS 是一个 MV* 框架，最适于开发客户端的单页面应用。它不是个功能库，而是用来开发动态网页的框架。接下来通过本文给大家介绍AngularJS实现textarea记录只能输入规定数量的字符并显示的相关内容，需要的朋友参考下吧2016-04-04
这篇文章主要介绍了javascript 判断用户有没有操作页面的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下2017-10-10
![解析Javascript中中括号“[]”的多义性](http://img.jbzj.com/images/xgimg/bcimg4.png)
最新评论