如何使用 JavaScript 和條件語句動態變更 Div 的背景影像？

如何在JavaScript 中修改div 元素的背景圖片

問題：

您想要修改背景使用JavaScript 和條件語句的類別名為「ghor」的div 元素的圖像。但是，當您嘗試使用 el.url 檢查和修改圖像來源時，您目前的程式碼會顯示錯誤。

說明：

動態變更背景圖片使用JavaScript 來建立div 元素，您可以使用以下程式碼：

<code class="js">document.getElementById("a").style.backgroundImage = "url(image_path.jpg)";</code>

在這種情況下，程式碼將以ID 為「a」的div 元素為目標，並將其backgroundImage 屬性設定為指定的映像路徑。

具有If-Else 條件的修訂代碼：

要實現if-else 條件以根據特定條件更改背景圖像，您可以將代碼修改為如下：

<code class="js">var el = document.getElementById("a");
if (el.style.backgroundImage.includes("Black-Wallpaper.jpg")) {
  el.style.backgroundImage = "url(cross1.png)";
} else if (el.style.backgroundImage.includes("cross1.png")) {
  alert("This is working too.");
}</code>

此修改後的程式碼檢查“ghor”類div 的背景圖像是否設定為“Black-Wallpaper.jpg”或“cross1.png”，並進行相應更改。如果這兩個條件都不滿足，則會出現警報訊息「This isworking too.」。顯示。

以上是如何使用 JavaScript 和條件語句動態變更 Div 的背景影像？的詳細內容。更多資訊請關注PHP中文網其他相關文章！