如何使用 JavaScript 从 Div 元素获取背景图像 URL？

如何使用 JavaScript 提取元素的背景图像 URL

在 JavaScript 中，可以检索设置的背景图像的 URL动态元素。具体方法如下：

问：如何获取

的背景图像 URL JavaScript 中的元素？我有一个像这样的元素：

如何检索背景图像的 URL？

A：要检索背景图像 URL，您可以使用以下代码：

var img = document.getElementById('your_div_id');
var style = img.currentStyle || window.getComputedStyle(img, false);
var bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");

让我们打破它down:

1. 获取元素的 id 及其当前样式或计算样式。
2. 访问 backgroundImage 属性。
3. 对字符串进行切片以删除“url(”和“)”字符。
4. 使用替换来删除任何双引号URL。

现在，bi 将仅包含背景图像的 URL。

例如：

// Get the URL from an element with id "testdiv"
var img = document.getElementById('testdiv');
var style = img.currentStyle || window.getComputedStyle(img, false);
var bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");

// Display the URL
console.log('Image URL: ' + bi);

这将输出背景的 URL图像到控制台。

以上是如何使用 JavaScript 从 Div 元素获取背景图像 URL？的详细内容。更多信息请关注PHP中文网其他相关文章！