Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menogol Imej Latar Belakang Div dengan JavaScript?

Bagaimana untuk menogol Imej Latar Belakang Div dengan JavaScript?

Patricia Arquette
Patricia Arquetteasal
2024-11-02 09:24:31182semak imbas

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

Menukar Imej Latar Belakang Div Menggunakan JavaScript

Dalam kod JavaScript anda, anda menggunakan sintaks yang salah untuk memanipulasi imej latar belakang elemen div. el.url() bukan fungsi yang sah untuk tujuan ini. Begini cara anda boleh menukar imej latar belakang dengan betul:

<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>

Ubah suai fungsi chek_mark() anda dengan kod ini. Apabila anda mengklik pada elemen div dengan kelas "ghor", ia akan menogol imej latar belakang antara "Black-Wallpaper.jpg" dan "cross1.png."

Atas ialah kandungan terperinci Bagaimana untuk menogol Imej Latar Belakang Div dengan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn