本文实例讲述了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属性的区别详解