ホームページ > ウェブフロントエンド > CSSチュートリアル > JavaScript で Div の背景画像を切り替えるにはどうすればよいですか?

JavaScript で Div の背景画像を切り替えるにはどうすればよいですか?

Patricia Arquette
リリース: 2024-11-02 09:24:31
オリジナル
290 人が閲覧しました

How to Toggle a Div's Background Image with JavaScript?

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート