ホームページ > 記事 > ウェブフロントエンド > JavaScript で Div の背景画像を切り替えるにはどうすればよいですか?
JavaScript を使用した Div の背景画像の変更
JavaScript コードで、背景画像を操作するために間違った構文を使用しています。 div 要素。 el.url() は、この目的には有効な関数ではありません。背景画像を正しく変更する方法は次のとおりです。
<code class="javascript">function chek_mark() { var backgroundImage = document.getElementById("a").style.backgroundImage; if (backgroundImage.includes("Black-Wallpaper.jpg")) { document.getElementById("a").style.backgroundImage = "url(cross1.png)"; // Replace with the new image path } else { document.getElementById("a").style.backgroundImage = "url(Black-Wallpaper.jpg)"; // Reset to the original image path } }</code>
このコードを使用して chek_mark() 関数を変更します。 「ghor」クラスの div 要素をクリックすると、背景画像が「Black-Wallpaper.jpg」と「cross1.png」の間で切り替わります。
以上がJavaScript で Div の背景画像を切り替えるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。