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