Get CSS background-image url from ID

Question

how to get the url from this ID

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

Has been searching google and stack overflow for this but only getting "get id from url" or current window location result only.

Answer 1

使用jQuery：

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

Answer 2

你可以这样

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

Answer 3

You can use element style 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)"> 

Answer 4

我坐在这里是为了从具有内联样式属性的元素获取值。

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

Answer 5

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