[英]Get CSS background-image url from ID
how to get the url from this ID 如何从此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. 已经为此搜索了谷歌和堆栈溢出,但仅获得“从URL获取ID”或仅当前窗口位置结果。
使用jQuery:
$('#image').css('background-image')
你可以这样
$("#image").css("background-image");
You can use element style backgroundImage
property: 您可以使用元素样式
backgroundImage
属性:
var img = document.getElementById('image'), url = img.style.backgroundImage; console.log(url);
<div id="image" style="background-image: url(/test.com/test.jpg)">
我坐在这里是为了从具有内联样式属性的元素获取值。
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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.