Javascript获取background属性中url的值

更新时间：2016年10月17日 10:57:24 投稿：daisy

Javascript获取CSS中属性值方法有很多，今天工作的时候遇到了一个问题是需要利用Javascript获取css中background-img属性url的值，通过查阅网站的资料找到了解决方法，现在将方法分享给大家，有需要的朋友们们可以参考借鉴，下面来一起看看吧。

前言

最近在做项目的时候遇到一个问题，需要获取一个动态预览的图片的地址，这其实不是什么问题，主要是该图片的路径是写在css的background-img属性中的，于是决定要用js获取它的url中的内容，下面给大家分享解决的方法，有需要的朋友们下面来看看。

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);

获得的值即为图片地址

总结

以上就是这篇文章文章的全部内容了，希望本文分享的方法对大家学习或者使用Javascript时能有所帮助，如果有疑问大家可以留言交流。

您可能感兴趣的文章:

ajax中get和post的说明及使用与区别
对付乱码我都是用过滤器做字符编码过滤的，Get方法过滤器监听不到，所以我一直喜欢使用Post方法，下面对Ajax Get和Post方法做一对比,需要了解的朋友可以参考下
2012-12-12
js 一个关于图片onload加载的事
前几天一个项目让我头疼了很久，一个关于图片加载时的loading效果，因为不是太懂js，所以在网上各种找资料，但还是不理想，无赖苦心研究，终于有了一点眉目了，虽然个中还有一些道理不懂，至少目的达到了
2013-11-11
IE8下关于querySelectorAll()的问题
在IE8的新特性里，提到了会支持querySelector()和querySelectorAll()方法，如何使用这里就不说了，只是记录下我在使用时遇到一个问题。
2010-05-05
各种页面定时跳转(倒计时跳转)代码总结
下面对实现页面定时跳转（也称倒计时跳转）做一下总结，以备不时之需，经常使用的朋友可以参考下
2013-10-10
基于Proxy的小程序状态管理实现
这篇文章主要介绍了基于Proxy的小程序状态管理实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-06-06
layui 表格操作列按钮动态显示的实现方法
今天小编就为大家分享一篇layui 表格操作列按钮动态显示的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
轻松学习Javascript闭包
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。这篇文章主要介绍了Javascript闭包,需要的朋友可以参考下
2017-03-03
详解JS设计模式之桥接模式用法
javascript桥接桥接设计模式（Bridge Pattern）是一种结构型设计模式,它用于将抽象部分与其具体实现部分分离,使它们可以独立地变化,本文将通过代码示例详解的给大家介绍一下JS桥接模式,需要的朋友可以参考下
2023-08-08
js继承的实现代码
学着js的继承，自己也写了个。感觉不是很好。现在很多代码都封装成类。
2010-08-08
关于二级域名下使用一级域名下的COOKIE的问题
我们通常在使用cookie的时候一般都只是局限在本站内使用，也就是只在一个域名下使用
2011-11-11