您的位置:首页 > Web前端 > JavaScript

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

2015-12-25 00:00 781 查看
本文实例讲述了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+JSP通过img标签调用实现静态页面访问次数统计的方法
JSP结合js实现img中src更新请求的方法
javascript修改IMG标签的src问题
JS+CSS设置img在DIV中只显示Img垂直居中的部分
JS对img进行操作(换图片/切图/轮换/停止)
JSP实现用于自动生成表单标签html代码的自定义表单标签
JavaScript实现自动生成网页元素功能(按钮、文本等)
javascript动态生成树形菜单的方法
js生成随机数的方法实例
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: