如何使用 JavaScript 取得 Div 元素的背景圖片 URL？

使用JavaScript 取得元素的背景影像URL

問題：如何擷取背景的URL分配給特定

<div>的圖像使用JavaScript 的元素？例如，給定以下 HTML 程式碼：

<div>

如何僅擷取背景圖片的 URL？

答案： 要完成此操作，請按照以下步驟操作步驟：

1. 識別元素：獲取對<div>使用document.getElementById('your_div_id') 通過元素的唯一ID。
2. 擷取計算樣式： 使用currentStyle 或window.getCompulatedStyle() 屬性擷取已辨識的計算樣式element.
3. 擷取背景圖片URL:
提取背景圖片URL:
從計算的值中存取backgroundImage 屬性風格。 URL 通常包含在括號內，因此 slice(4, -1) 用於刪除不需要的字元。此外，URL 中的任何雙引號都會使用replace(/"/g, "") 進行替換。

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

以下程式碼片段說明了這種方法：透過使用透過此方法，您可以有效地檢索並利用JavaScript 中與特定元素的背景圖像關聯的URL。