JavaScript是一種流行的編程語言，它廣泛地應用于網站的開發和設計。作為前端開發人員，我們經常需要從網站上提取各種信息，其中包括圖片地址。在這篇文章中，我們將會介紹使用JavaScript從網站上提取圖片地址的方法。 首先，我們需要了解圖片地址的不同來源。圖片可以通過多種方式顯示在網站上，包括使用img元素、CSS背景圖、以及JavaScript創建的標記等。 對于使用img元素的圖片，我們可以通過訪問元素的src屬性來獲取圖片地址。以下是一個簡單的例子：

let img = document.querySelector('#myImage');
let src = img.src;
console.log(src);

在這個例子中，我們首先使用document.querySelector()方法選取了一個id為“myImage”的img元素。然后，我們訪問了該元素的src屬性，并將結果儲存在變量“src”中。最后，我們使用console.log()方法輸出了獲取到的圖片地址。 對于使用CSS背景圖的圖片，我們需要訪問元素的style屬性，這個屬性包含了CSS樣式信息。以下是一個代碼片段的例子：

let div = document.querySelector('#myDiv');
let bgImg = div.style.backgroundImage;
console.log(bgImg);

在這個例子中，我們首先使用document.querySelector()方法選取了一個id為“myDiv”的div元素。然后，我們訪問了該元素的style.backgroundImage屬性，這個屬性包含了背景圖的CSS樣式信息。最后，我們輸出了獲取到的背景圖片地址。 對于使用JavaScript創建的標記的圖片，我們需要訪問元素的屬性來獲取圖片地址。以下是一個例子：

let img = new Image();
img.src = 'example.jpg';
let src = img.src;
console.log(src);

在這個例子中，我們使用了Image對象來創建一個圖片實例img。我們給img設置了一個地址，然后訪問了該元素的src屬性，最后輸出了獲取到的圖片地址。 通過以上的三個例子，我們了解了JavaScript從網站上提取圖片地址的一些方法。不過需要注意的是，如果圖片地址是通過JavaScript動態生成的，那么上述的方法可能無法正常獲取到圖片地址。 在這種情況下，我們需要對JavaScript代碼進行分析，找到生成圖片地址的實際代碼，并提取出圖片地址來。 總結一下，JavaScript提取圖片地址是一個常見的任務，對于前端開發人員來說是必備技能之一。我們需要根據圖片的來源，選擇不同的訪問方法來提取圖片地址。希望這篇文章能夠對你有所幫助，如果有任何問題，歡迎提出。