简体繁体 English

如何检索CSS中定义的背景图片网址？

[英]How to retrieve the background image url defined in CSS?

原文 2012-06-01 23:26:11 9 1 javascript/ html/ css

Suppose I have a div 假设我有一个div
<div id="div_a" style="background-image:url('xxx')"></div>

Then I can get the url info by using 然后我可以通过使用获取URL信息

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 但是，如果样式是在CSS中定义的，则上面的代码将返回空白

Anything wrong with it? 有什么问题吗？

1 个解决方案

您正在寻找的是计算样式getComputedStyle

window.getComputedStyle(document.getElementById("div_a"), null).getPropertyValue('background-image')

如何使用 Selenium 和 Javascript 从背景图像中检索 url - How to retrieve the url from background image using Selenium and Javascript

如何使用Javascript在CSS中动态设置背景图片网址 - How to dynamically set background image url in CSS using Javascript

如何在 NodeJS 和 Express 中获取 css 背景图片 url - How to get css background image url in NodeJS and Express

如何正确连接此CSS背景图像URL？ - How do I concatenate this CSS background image url correctly?

如何检查背景图像是否已加载 - 当图像作为 css 文件中的背景 url 时 - How to check if Background image is loaded - when the image is as a background url in a css file

用 Webpack 解析 css 背景图像 url - Resolving css background-image url with Webpack

如何检测css后台url - How to detect css background url

将Firebase存储图像URL与CSS背景属性和url（）一起使用 - Using a firebase storage image URL with CSS background property and url()

HTML / CSS：来自原始图像数据而非url的背景图像 - HTML/CSS: Background Image from raw image data, not url

无法获取图片网址并将其用作CSS背景图片 - Can't fetch image URL and use it as CSS background image

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何使用 Selenium 和 Javascript 从背景图像中检索 url - How to retrieve the url from background image using Selenium and Javascript 如何使用Javascript在CSS中动态设置背景图片网址 - How to dynamically set background image url in CSS using Javascript 如何在 NodeJS 和 Express 中获取 css 背景图片 url - How to get css background image url in NodeJS and Express 如何正确连接此CSS背景图像URL？ - How do I concatenate this CSS background image url correctly? 如何检查背景图像是否已加载 - 当图像作为 css 文件中的背景 url 时 - How to check if Background image is loaded - when the image is as a background url in a css file 用 Webpack 解析 css 背景图像 url - Resolving css background-image url with Webpack 如何检测css后台url - How to detect css background url 将Firebase存储图像URL与CSS背景属性和url（）一起使用 - Using a firebase storage image URL with CSS background property and url() HTML / CSS：来自原始图像数据而非url的背景图像 - HTML/CSS: Background Image from raw image data, not url 无法获取图片网址并将其用作CSS背景图片 - Can't fetch image URL and use it as CSS background image

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM