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