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
Susan Sarandonasal
2024-11-27 08:31:15359semak imbas

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 = "";
}

Menyambung Butang

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

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("");

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!

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