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

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

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

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

<div>
<p>如何僅擷取背景圖片的 URL？ </p>
<p><strong>答案：</strong> 要完成此操作，請按照以下步驟操作步驟：</p>
<ol><li>
<strong>識別元素：</strong>獲取對<div>使用document.getElementById('your_div_id') 通過元素的唯一ID。 <li>
<strong>擷取計算樣式：</strong> 使用currentStyle 或window.getCompulatedStyle() 屬性擷取已辨識的計算樣式element.</li>
<li><strong>擷取背景圖片URL:</strong></li>提取背景圖片URL:<p></p>從計算的值中存取backgroundImage 屬性風格。 URL 通常包含在括號內，因此 slice(4, -1) 用於刪除不需要的字元。此外，URL 中的任何雙引號都會使用replace(/"/g, "") 進行替換。<pre class="brush:php;toolbar:false">var img = document.getElementById('your_div_id'),
    style = img.currentStyle || window.getComputedStyle(img, false),
    bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");

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