在处理网页时,通常需要动态更改特定元素的背景图像。 JavaScript 提供了一种简单的方法来实现此目的。
在您提供的示例中,您希望在发生特定事件时更改具有“ghor”类的 div 的背景图像(在本例中单击该 div) )。为此,您可以使用以下 JavaScript 代码:
<code class="javascript">function chek_mark() { var el = document.getElementById("a").style.backgroundImage; if (el.includes("Black-Wallpaper.jpg")) { el = "url('cross1.png')"; } else if (el.includes("cross1.png")) { alert("This is working too."); } }</code>
此代码将首先从 div 的 style 属性中检索当前背景图像。如果图像是“Black-Wallpaper.jpg”,它会将背景图像更新为“cross1.png”。如果它已经是“cross1.png”,它将显示一条警报。
要实现上述代码,您可以创建一个处理单击事件并调用 chek_mark 函数的函数:
<code class="html"><div class="ghor" id="a" onclick="change_background()">...</div></code>
<code class="javascript">function change_background() { chek_mark(); }</code>
当点击 div 时,它会调用 chek_mark 函数并根据您的条件更新背景图片。
以上是如何使用 JavaScript 动态更改 Div 的背景图像?的详细内容。更多信息请关注PHP中文网其他相关文章!