如何使用 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中文網其他相關文章！