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程序设计有所帮助。

相关文章

  • 浅谈javascript中的闭包

    浅谈javascript中的闭包

    Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态语言C/C++的程序员来说是一个新的语言特性。本文将以例子入手来介绍Javascript闭包的语言特性,并结合一点 ECMAScript语言规范来使读者可以更深入的理解闭包。
    2015-05-05
  • 详解JS中定时器setInterval和setTImeout的this指向问题

    详解JS中定时器setInterval和setTImeout的this指向问题

    在js中setTimeout和setInterval都是用来定时的一个功能,下面这篇文章主要给介绍了JS中setInterval和setTImeout的this指向问题,文中通过示例介绍的很详细,有需要的朋友可以参考借鉴,一起来看看吧。
    2017-01-01
  • js获取字符串字节数方法小结

    js获取字符串字节数方法小结

    这篇文章主要介绍了js获取字符串字节数方法,实例总结了javascript字符串长度计算的相关技巧,需要的朋友可以参考下
    2015-06-06
  • js和jq使用submit方法无法提交表单的快速解决方法

    js和jq使用submit方法无法提交表单的快速解决方法

    下面小编就为大家带来一篇js和jq使用submit方法无法提交表单的快速解决方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考
    2016-05-05
  • Laravel中常见的错误与解决方法小结

    Laravel中常见的错误与解决方法小结

    大家在用Laravel框架期间可能会遇到了不少问题,现在我将自己遇到的一些问题总结出来,有一些调试起来着实不太容易,本文筛选出几个,希望这篇文章能让大家在PHP开发中少走一些弯路。
    2016-08-08
  • JavaScript中的定时器之Item23的合理使用

    JavaScript中的定时器之Item23的合理使用

    window对象提供了两个方法来实现定时器的效果,分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行;而后者则可以使一段代码每过指定时间就运行一次
    2015-10-10
  • 简单实现js菜单栏切换效果

    简单实现js菜单栏切换效果

    这篇文章主要教大家如何简单实现js菜单栏切换效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • JavaScript中的isXX系列是否继续使用的分析

    JavaScript中的isXX系列是否继续使用的分析

    我们很容易被漂亮的代码吸引,也不知不觉的在自己的代码库中加入这些。却没有冷静的想过它们的优劣。这不,我就收集了一系列形如 “是否为……?” 的判断的boolean函数。
    2011-04-04
  • 移动端脚本框架Hammer.js

    移动端脚本框架Hammer.js

    这篇文章主要为大家详细介绍了一款开源的移动端脚本框架Hammer.js,可以完美的实现在移端开发的大多数事件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • js简单获取表单中单选按钮值的方法

    js简单获取表单中单选按钮值的方法

    这篇文章主要介绍了js简单获取表单中单选按钮值的方法,涉及javascript针对form表单元素的遍历与查找相关操作技巧,需要的朋友可以参考下
    2016-08-08

最新评论