javascript生成img标签的3种实现方法(对象、方法、html)

2019-12-17,,,,

本文实例讲述了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给span标签赋值的方法
  • 用JavaScript来美化HTML的select标签的下拉列表效果
  • javascript实现动态标签云
  • JavaScript常用标签和方法总结
  • 浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
  • js的[defer]和[async]属性
  • JS中script标签defer和async属性的区别详解

《javascript生成img标签的3种实现方法(对象、方法、html).doc》

下载本文的Word格式文档,以方便收藏与打印。