Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Mengosongkan Kandungan Div dengan JavaScript pada Klik Butang?

Bagaimanakah Saya Boleh Mengosongkan Kandungan Div dengan JavaScript pada Klik Butang?

Susan Sarandon
Lepaskan: 2024-11-27 08:31:15
asal
304 orang telah melayarinya

How Can I Clear a Div's Content with JavaScript on Button Click?

Mengosongkan Kandungan Div dengan JavaScript

Untuk mengalih keluar kandungan daripada div apabila pengguna mengklik butang, ikut langkah berikut:

Mencipta Fungsi Jelas

  1. Tentukan a Fungsi JavaScript untuk mengosongkan kandungan div, biasanya dalam bahagian:
function clearBox(elementID) {
    document.getElementById(elementID).innerHTML = "";
}
Salin selepas log masuk

Menyambung Butang

  1. Tambah acara onclick pada butang yang akan mencetuskan fungsi jelas:
<button onclick="clearBox('div_id')">Clear Div</button>
Salin selepas log masuk

Ganti div_id dengan ID sebenar div yang anda mahu jelas.

Contoh jQuery (Pilihan)

  1. Bagi mereka yang menggunakan jQuery, kaedah alternatif wujud:
$('#div_id').html("");
Salin selepas log masuk

Dengan mengikuti langkah ini, anda boleh mengosongkan kandungan div dengan mudah apabila butang diklik, membolehkan interaksi dinamik dengan web anda halaman.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengosongkan Kandungan Div dengan JavaScript pada Klik Butang?. 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