从 ID 获取 CSS background-image url答案

【问题标题】：Get CSS background-image url from ID从 ID 获取 CSS background-image url
【发布时间】：2017-03-04 19:36:45
【问题描述】：

如何从这个ID获取url

<div id="image" style="background-image: url(/test.com/test.jpg)">

一直在为此搜索 google 和堆栈溢出，但仅获取“从 url 获取 id”或当前窗口位置结果。

【问题讨论】：

Can I get div's background-image url?的可能重复
这能回答你的问题吗？ Get URL from background-image Property

标签： javascript jquery

【解决方案1】：

$(document).ready(function(){
	var x=$("#image").css("background-image");
	var imageurl = x.substring(5,x.length-2);
	alert(imageurl);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<div id="image" style="background-image: url(//test.com/test.jpg); height: 230px" class="testclass">Image</div>

【讨论】：

【解决方案2】：

我坐下来从具有内联样式属性的元素中获取值。

var imgUrl = $("#image").prop("style", "background-image");

【讨论】：

【解决方案3】：

你可以使用元素样式backgroundImage属性：

var img = document.getElementById('image'),
    url = img.style.backgroundImage;

console.log(url);

&lt;div id="image" style="background-image: url(/test.com/test.jpg)"&gt;

【讨论】：

乐于助人。如果您只想获取“/test.com/test.jpg”，您可以这样做：'url("/test.com/test.jpg")'.split('"')[1]

【解决方案4】：

你可以这样做

   $("#image").css("background-image");

【讨论】：

【解决方案5】：

使用 jQuery：

$('#image').css('background-image')

【讨论】：