通過js獲取div的background-image屬性
更新時(shí)間：2013年10月15日 15:56:27 作者：
div的background-image這個(gè)屬性，只是設(shè)置它的url，下面為大家介紹下如何獲取它的background-image屬性，感興趣的朋友可以參考下
之前沒有注意過div的background-image這個(gè)屬性，只是設(shè)置它的url，今天遇到一個(gè)問題特此做一下記錄。
<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)證，
先記錄此問題學(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)證，
先記錄此問題學(xué)習(xí)。
您可能感興趣的文章:
- nodejs處理圖片的中間件node-images詳解
- js關(guān)于getImageData跨域問題的解決方法
- jQuery插件ImageDrawer.js實(shí)現(xiàn)動(dòng)態(tài)繪制圖片動(dòng)畫（附源碼下載）
- javascript實(shí)現(xiàn)鼠標(biāo)移到Image上方時(shí)顯示文字效果的方法
- javascript從image轉(zhuǎn)換為base64位編碼的String
- js的image onload事件使用遇到的問題
- js中Image對(duì)象以及對(duì)其預(yù)加載處理示例
- JavaScript Image對(duì)象實(shí)現(xiàn)原理實(shí)例解析
相關(guān)文章
這篇文章主要介紹了CocosCreator對(duì)象池，對(duì)性能有研究的同學(xué)，要著重看一下2021-04-04
這篇文章主要為大家詳細(xì)介紹了用js編寫簡(jiǎn)單的貪吃蛇小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了js無提示關(guān)閉瀏覽器窗口的兩種方法分析,需要的朋友可以參考下2016-11-11
Javascript中構(gòu)造函數(shù)要注意的一些坑
JavaScript語言是一門面向?qū)ο蟮恼Z言，但JS中并沒有類的概念的。于是JavaScript采用構(gòu)造函數(shù)的方式來模擬類的效果，即我們通過函數(shù)來創(chuàng)建對(duì)象。這也證明了函數(shù)在JavaScript中具有非常重要的地位。本文主要介紹了Javascript中構(gòu)造函數(shù)的一些坑,需要的朋友可以參考。2017-01-01
bootstrap精簡(jiǎn)教程_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了bootstrap精簡(jiǎn)教程，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
近期在做微信小程序時(shí)，涉及到了小程序的支付和退款流程，所以也大概的將這方面的東西看了一個(gè)遍，就在這篇文章里總結(jié)一下2017-11-11
用js實(shí)現(xiàn)多域名不同文件的調(diào)用方法
用js實(shí)現(xiàn)多域名不同文件的調(diào)用方法...2007-01-01
解析瀑布流布局:JS+絕對(duì)定位的實(shí)現(xiàn)
本篇文章是對(duì)瀑布流局部的實(shí)現(xiàn)進(jìn)行了詳細(xì)的分析介紹。需要的朋友參考下2013-05-05
這篇文章主要介紹了webpack3之loader全解析，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
Js表格萬條數(shù)據(jù)瞬間加載實(shí)現(xiàn)代碼
一條數(shù)據(jù)創(chuàng)建一行，如果數(shù)量大的時(shí)候，一次性要加載完數(shù)據(jù)的話，瀏覽器就會(huì)卡上半天，下面有個(gè)不錯(cuò)的方法，大家可以參考下2014-02-02