Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Mengosongkan Kandungan Div Menggunakan JavaScript?

Bagaimana untuk Mengosongkan Kandungan Div Menggunakan JavaScript?

DDD
DDDasal
2024-11-27 01:34:10332semak imbas

How to Clear a Div's Content Using JavaScript?

Mengosongkan Kandungan Div dalam JavaScript

Apabila bekerja dengan halaman web interaktif, anda mungkin menghadapi keperluan untuk mengosongkan kandungan elemen div tertentu sebagai tindak balas kepada tindakan pengguna. Ini boleh dicapai melalui penggunaan JavaScript.

Penyelesaian menggunakan Native JavaScript:

  1. Tentukan fungsi JavaScript untuk mengosongkan kandungan div berdasarkannya ID:
function clearBox(elementID) {
    document.getElementById(elementID).innerHTML = "";
}
  1. Lampirkan fungsi ini sebagai pengendali acara onclick pada yang dikehendaki butang:
<button onclick="clearBox('cart_item')">Clear Cart</button>

Penyelesaian menggunakan jQuery (untuk Rujukan):

Jika anda lebih suka bekerja dengan jQuery, anda boleh mengosongkan kandungan div sebagai berikut:

$("#cart_item").html("");

Cuma gantikan pemilih "cart_item" dengan ID div yang anda mahu untuk membersihkan.

Atas ialah kandungan terperinci Bagaimana untuk Mengosongkan Kandungan Div 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