Javascript獲取background屬性中url的值
更新時(shí)間：2016年10月17日 10:57:24 投稿：daisy
Javascript獲取CSS中屬性值方法有很多，今天工作的時(shí)候遇到了一個(gè)問題是需要利用Javascript獲取css中background-img屬性u(píng)rl的值，通過查閱網(wǎng)站的資料找到了解決方法，現(xiàn)在將方法分享給大家，有需要的朋友們們可以參考借鑒，下面來一起看看吧。
前言
最近在做項(xiàng)目的時(shí)候遇到一個(gè)問題，需要獲取一個(gè)動(dòng)態(tài)預(yù)覽的圖片的地址，這其實(shí)不是什么問題，主要是該圖片的路徑是寫在css的background-img屬性中的，于是決定要用js獲取它的url中的內(nèi)容，下面給大家分享解決的方法，有需要的朋友們下面來看看。
var avatar = $("#image-preview").css("backgroundImage");
alert(avatar);
獲取的是包含url（“xxx.jpg”）形式的值，于是查閱了下資料找到了只獲取xxx.jpg形式值的方法：
var avatar = $("#image-preview").css("backgroundImage");
avatar = avatar.split("(")[1].split(")")[0];
alert(avatar);
獲得的值即為圖片地址
總結(jié)
以上就是這篇文章文章的全部?jī)?nèi)容了，希望本文分享的方法對(duì)大家學(xué)習(xí)或者使用Javascript時(shí)能有所幫助，如果有疑問大家可以留言交流。
相關(guān)文章
ajax中g(shù)et和post的說明及使用與區(qū)別
對(duì)付亂碼我都是用過濾器做字符編碼過濾的，Get方法過濾器監(jiān)聽不到，所以我一直喜歡使用Post方法，下面對(duì)Ajax Get和Post方法做一對(duì)比,需要了解的朋友可以 參考下2012-12-12
前幾天一個(gè)項(xiàng)目讓我頭疼了很久，一個(gè)關(guān)于圖片加載時(shí)的loading效果，因?yàn)椴皇翘甹s，所以在網(wǎng)上各種找資料，但還是不理想，無賴苦心研究，終于有了一點(diǎn)眉目了，雖然個(gè)中還有一些道理不懂，至少目的達(dá)到了2013-11-11
IE8下關(guān)于querySelectorAll()的問題
在IE8的新特性里，提到了會(huì)支持querySelector()和querySelectorAll()方法，如何使用這里就不說了，只是記錄下我在使用時(shí)遇到一個(gè)問題。2010-05-05
各種頁(yè)面定時(shí)跳轉(zhuǎn)(倒計(jì)時(shí)跳轉(zhuǎn))代碼總結(jié)
下面對(duì)實(shí)現(xiàn)頁(yè)面定時(shí)跳轉(zhuǎn)（也稱倒計(jì)時(shí)跳轉(zhuǎn)）做一下總結(jié)，以備不時(shí)之需，經(jīng)常使用的朋友可以參考下2013-10-10
基于Proxy的小程序狀態(tài)管理實(shí)現(xiàn)
這篇文章主要介紹了基于Proxy的小程序狀態(tài)管理實(shí)現(xiàn)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-06-06
layui 表格操作列按鈕動(dòng)態(tài)顯示的實(shí)現(xiàn)方法
今天小編就為大家分享一篇layui 表格操作列按鈕動(dòng)態(tài)顯示的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
閉包（closure）是Javascript語言的一個(gè)難點(diǎn)，也是它的特色，很多高級(jí)應(yīng)用都要依靠閉包實(shí)現(xiàn)。這篇文章主要介紹了Javascript閉包,需要的朋友可以參考下2017-03-03
javascript橋接橋接設(shè)計(jì)模式（Bridge Pattern）是一種結(jié)構(gòu)型設(shè)計(jì)模式,它用于將抽象部分與其具體實(shí)現(xiàn)部分分離,使它們可以獨(dú)立地變化,本文將通過代碼示例詳解的給大家介紹一下JS橋接模式,需要的朋友可以參考下2023-08-08
學(xué)著js的繼承，自己也寫了個(gè)。感覺不是很好。現(xiàn)在很多代碼都封裝成類。2010-08-08
關(guān)于二級(jí)域名下使用一級(jí)域名下的COOKIE的問題
我們通常在使用cookie的時(shí)候一般都只是局限在本站內(nèi)使用，也就是只在一個(gè)域名下使用2011-11-11