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时能有所帮助，如果有疑问大家可以留言交流。
相关文章
前面我们学习了jQuery的方式开发插件，讲诉的都是些基础的理论知识，今天开始，我们就来实战一下，学习开发自己的插件库。2015-01-01
用JS来操作一个XML文档来实现一个简单的表单联动2009-10-10
这篇文章主要介绍了JS实现的简单表单验证功能,涉及javascript针对表单提交内容的获取、判断、焦点设置等相关操作技巧,需要的朋友可以参考下2017-10-10
JavaScritp添加url参数并将参数加入到url中及更改url参数的方法
这篇文章给大家介绍javascript添加url参数方法，将参数加入到url中，涉及到url添加参数的相关知识，关于js添加url参数感兴趣的朋友可以参考下本篇文章2015-10-10
这篇文章主要介绍了jsonp跨域获取百度联想词的方法,结合实例形式分析了jsonp的原理及跨域获取百度联想词的相关操作技巧,需要的朋友可以参考下2019-05-05
这篇文章主要介绍了JavaScript中Array实例方法map的实现方法,map() 方法创建一个新数组,其结果是原数组中的每个元素都调用一个提供的函数后返回的结果,文中有详细的代码示例供大家参考,需要的朋友可以参考下2024-03-03
这篇文章主要为大家详细介绍了JavaScript实现HSL拾色器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
使用coffeescript编写node.js项目的方法汇总
Node.js 基于JavaScript编写应用，JavaScript是我的主要开发语言。CoffeeScript是编译为JavaScript的编程语言。CoffeeScript是一个非常高阶的语言，将JavaScript、Ruby和Python中我最爱的部分结合在了一起。小编给大家介绍下使用coffeescript编写node.js项目的方法2015-08-08
这篇文章主要介绍了JS重写Date函数以及兼容IOS系统,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
functional继承模式 摘自javascript:the good parts
javascript:the good parts 书中Inheritance部分讲到了一种functional的继承方式, 具体这个functional该如何翻译,就不是很清楚了, 就直接意会一下吧2011-06-06
最新评论