Rumah >hujung hadapan web >tutorial js >Bagaimanakah saya boleh menukar warna latar belakang halaman web menggunakan JavaScript?

Bagaimanakah saya boleh menukar warna latar belakang halaman web menggunakan JavaScript?

DDD
DDDasal
2024-11-14 18:39:02694semak imbas

How can I change the background color of a webpage using JavaScript?

Menukar Warna Latar Belakang dengan JavaScript

Menukar warna latar belakang halaman web dengan JavaScript ialah tugas yang mudah. Begini cara untuk melakukannya:

Penyelesaian:

  1. Akses badan dokumen: Gunakan sifat document.body.
  2. Ubah suai gaya latar belakang: Tetapkan sifat latar belakang document.body.style. Sebagai contoh, untuk menetapkannya kepada merah, gunakan document.body.style.background = 'red'.

Berikut ialah contoh fungsi untuk mencapai ini:

function changeBackground(color) {
   document.body.style.background = color;
}

Toinvoke the fungsi, tambah kod berikut pada pengendali acara onload halaman:

window.addEventListener("load",function() { changeBackground('red') });

Nota:

Pertimbangkan struktur halaman. Jika latar belakang ditetapkan kepada bekas DIV tertentu, anda perlu mengubah suai warna latar belakangnya dan bukannya badan dokumen.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menukar warna latar belakang halaman web menggunakan 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