通過(guò)js獲取div的background-image屬性
更新時(shí)間：2013年10月15日 15:56:27 作者：
div的background-image這個(gè)屬性，只是設(shè)置它的url，下面為大家介紹下如何獲取它的background-image屬性，感興趣的朋友可以參考下
之前沒(méi)有注意過(guò)div的background-image這個(gè)屬性，只是設(shè)置它的url，今天遇到一個(gè)問(wèn)題特此做一下記錄。
<div id="img_2" style="width:133px;height:95px; cursor:pointer; background-image: url('Chrysanthemum.jpg');" onclick="tempClick()"></div>
在js中想獲取image屬性
document.getElementById('img_2').style.backgroundImage;
注意黑體部分哦，div中的是background-image，而獲取屬性時(shí)是backgroundImage。應(yīng)該是所有這種帶有“-”的style都要這么做吧，這個(gè)有待驗(yàn)證，
先記錄此問(wèn)題學(xué)習(xí)。
復(fù)制代碼 代碼如下:
<div id="img_2" style="width:133px;height:95px; cursor:pointer; background-image: url('Chrysanthemum.jpg');" onclick="tempClick()"></div>
在js中想獲取image屬性
復(fù)制代碼 代碼如下:
document.getElementById('img_2').style.backgroundImage;
注意黑體部分哦，div中的是background-image，而獲取屬性時(shí)是backgroundImage。應(yīng)該是所有這種帶有“-”的style都要這么做吧，這個(gè)有待驗(yàn)證，
先記錄此問(wèn)題學(xué)習(xí)。
您可能感興趣的文章:
- nodejs處理圖片的中間件node-images詳解
- js關(guān)于getImageData跨域問(wèn)題的解決方法
- jQuery插件ImageDrawer.js實(shí)現(xiàn)動(dòng)態(tài)繪制圖片動(dòng)畫(huà)（附源碼下載）
- javascript實(shí)現(xiàn)鼠標(biāo)移到Image上方時(shí)顯示文字效果的方法
- javascript從image轉(zhuǎn)換為base64位編碼的String
- js的image onload事件使用遇到的問(wèn)題
- js中Image對(duì)象以及對(duì)其預(yù)加載處理示例
- JavaScript Image對(duì)象實(shí)現(xiàn)原理實(shí)例解析
相關(guān)文章
JavaScript設(shè)計(jì)模式之中介者模式詳解
當(dāng)對(duì)象之間進(jìn)行多對(duì)多引用時(shí)，進(jìn)行開(kāi)發(fā)，維護(hù)，閱讀時(shí)將變得特別痛苦。在這些對(duì)象之間添加中間者，使它們都只與中介者，當(dāng)中介者處理完一個(gè)對(duì)象的請(qǐng)求后，將結(jié)果通知于其他對(duì)象2022-08-08
classList 是一個(gè)非常實(shí)用的工具,可以讓我們輕松地操作元素的類(lèi)名,在使用 classList 時(shí),我們可以通過(guò) add、remove、toggle 和 contains 等方法來(lái)添加、刪除、切換和檢查類(lèi)名,接下來(lái)我們?cè)敿?xì)學(xué)習(xí)一下classList的使用方法以及相關(guān)方法,感興趣的朋友一起看看吧2023-10-10
微信小程序時(shí)間標(biāo)簽和時(shí)間范圍的聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了微信小程序時(shí)間標(biāo)簽和時(shí)間范圍的聯(lián)動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-02-02
基于rem的移動(dòng)端響應(yīng)式適配方案(詳解)
下面小編就為大家?guī)?lái)一篇基于rem的移動(dòng)端響應(yīng)式適配方案(詳解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
echarts同一頁(yè)面中四個(gè)圖表切換的js數(shù)據(jù)交互方法示例
這篇文章主要給大家介紹了關(guān)于echarts同一頁(yè)面中四個(gè)圖表切換的js數(shù)據(jù)交互的相關(guān)資料，文中給出了完整的示例代碼供大家參考學(xué)習(xí)，對(duì)大家的學(xué)習(xí)或者工作具有一定的幫助，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07
js 實(shí)現(xiàn)在2d平面上畫(huà)8的方法
今天小編就為大家分享一篇js 實(shí)現(xiàn)在2d平面上畫(huà)8的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
JavaScript 封裝Ajax傳遞的數(shù)據(jù)代碼
在使用Ajax傳輸數(shù)據(jù)時(shí)，少不了對(duì)傳遞的字符進(jìn)行轉(zhuǎn)碼，我的實(shí)現(xiàn)方式是將需要傳遞的數(shù)據(jù)暫存到一js Bean中，將js Bean放到Array中，生成傳輸參數(shù)時(shí)對(duì)Array中的jsBean進(jìn)行分解，得到相應(yīng)屬性信息并編碼..2009-06-06
原生js實(shí)現(xiàn)新聞列表展開(kāi)/收起全文功能
本文主要介紹了原生js實(shí)現(xiàn)新聞列表展開(kāi)/收起全文功能的知識(shí)要點(diǎn)、注意事項(xiàng)以及完整代碼。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
這篇文章主要介紹了詳解微信小程序的 request 封裝示例,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
下面小編就為大家?guī)?lái)一篇淺談JavaScript for循環(huán) 閉包。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06