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

Bagaimana untuk menogol Imej Latar Belakang Div dengan JavaScript?

Patricia Arquette
Lepaskan: 2024-11-02 09:24:31
asal
256 orang telah melayarinya

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan