从ID获取CSS背景图像url

Get CSS background-image url from ID

本文关键字：图像 url 背景 CSS ID 获取      更新时间：2023-09-26

如何从这个ID获取url 

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

一直在搜索谷歌和堆栈溢出，但只得到"从url获取id"或当前窗口位置结果。

可以使用元素样式backgroundImage property:

var img = document.getElementById('image'),
    url = img.style.backgroundImage;
console.log(url);
<div id="image" style="background-image: url(/test.com/test.jpg)">

使用jQuery: 
$('#image').css('background-image')

你可以这样做

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

我写这个是为了从具有内联样式属性的元素中获取值。

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


$(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>

相关文章：