javascript生成img標簽的3種實現(xiàn)方法(對象、方法、html)
更新時間：2015年12月25日 15:05:29 作者：釋然me
這篇文章主要介紹了javascript生成img標簽的3種實現(xiàn)方法,包括對象、方法、html三種實現(xiàn)方式,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了javascript生成img標簽的3種實現(xiàn)方法。分享給大家供大家參考，具體如下：
<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復制變量三種方法實例詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-01-01
本文通過實例代碼給大家介紹了JS圖片輪播與索引變色功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-07-07
這個例子,首先是把SPAN里的內(nèi)容用display:none;干掉,就是不顯示; 然后在A:HOVER時,再把SPAN里的內(nèi)容display:block; 就是顯示出來;同時定義一下SPAN的位置; 其它代碼很簡單,但有人說看不太懂;我就簡單說一下;2008-06-06
這篇文章主要為大家詳細介紹了JS+CSS實現(xiàn)3D切割輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
Bootstrap 最常用的JS插件系列總結（圖片輪播、標簽切換等）
這篇文章主要為大家詳細介紹了Bootstrap 最常用的JS插件，包括圖片輪播carousel.js、標簽切換tab.js、滾動監(jiān)聽scrollspy.js等，感興趣的小伙伴們可以參考一下2016-07-07
這篇文章主要介紹了JS使用for in有序獲取對象數(shù)據(jù),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了Javascript 高階函數(shù)使用介紹,需要的朋友可以參考下2015-06-06
JavaScript垃圾回收機制(引用計數(shù),標記清除,性能優(yōu)化)
這篇文章主要介紹了JavaScript垃圾回收機制(引用計數(shù),標記清除,性能優(yōu)化),垃圾回收是JavaScript的隱藏機制，我們通常無需為垃圾回收勞心費力，只需要專注功能的開發(fā)就好了2022-07-07
echarts折線圖月份數(shù)據(jù)不足自動補0和日期達到數(shù)據(jù)連續(xù)的效果(最新推薦)
這篇文章主要介紹了echarts折線圖月份數(shù)據(jù)不足自動補0和日期達到數(shù)據(jù)連續(xù)的效果,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-03-03
這篇文章主要介紹了原生JS實現(xiàn)的雙色球功能,涉及javascript隨機數(shù)生成及數(shù)值運算相關操作技巧,需要的朋友可以參考下2018-02-02