How to retrieve the background image url defined in CSS?
Question
Suppose I have a div
<div id="div_a" style="background-image:url('xxx')"></div>
Then I can get the url info by using
document.getElementById("div_a").style.backgroundImage
to get its url info.
However if the style is defined in CSS the code above would return blank
Anything wrong with it?
1 answers
solution1
3 ACCPTED 2012-06-01 23:39:51
您正在寻找的是计算样式getComputedStyle
window.getComputedStyle(document.getElementById("div_a"), null).getPropertyValue('background-image')
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to retrieve the url from background image using Selenium and Javascript
How to dynamically set background image url in CSS using Javascript
How to get css background image url in NodeJS and Express
How do I concatenate this CSS background image url correctly?
How to check if Background image is loaded - when the image is as a background url in a css file
Resolving css background-image url with Webpack
How to detect css background url
Using a firebase storage image URL with CSS background property and url()
HTML/CSS: Background Image from raw image data, not url
Can't fetch image URL and use it as CSS background image
Related Tags