问题:
您想要修改背景使用 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中文网其他相关文章!