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