Hapus div dan isinya javascript

Dapatkan referensi DOM dari elemen HTML yang ingin Anda hapus dari halaman HTML dan panggil remove() di atasnya

Mari kita lihat itu beraksi

Berikut adalah Markup HTML sederhana

<section id="box-wrapper"> <div class="box">div <br>1</div> <div class="box">div <br>2</div> <div class="box orange">div <br>3</div> <div class="box">div <br>4</div> <div class="box">div <br>5</div> </section>

.empty(), metode .remove() mengambil elemen dari DOM. Gunakan .remove()_ saat Anda ingin menghapus elemen itu sendiri, serta semua yang ada di dalamnya. Selain elemen itu sendiri, semua kejadian terikat dan data jQuery yang terkait dengan elemen akan dihapus. Untuk menghapus elemen tanpa menghapus data dan acara, gunakan

$( ".hello" ).remove();

0 sebagai gantinya

Perhatikan HTML berikut

1

2

3

4

<div class="container">

<div class="hello">Hello</div>

<div class="goodbye">Goodbye</div>

</div>

Kami dapat menargetkan elemen apa pun untuk dihapus

1

$( ".hello" ).remove();

_

Ini akan menghasilkan struktur DOM dengan elemen

$( ".hello" ).remove();

1 dihapus

1

2

3

<div class="container">

<div class="goodbye">Goodbye</div>

</div>

Jika kita memiliki sejumlah elemen bersarang di dalam

$( ".hello" ).remove();

2, mereka juga akan dihapus. Konstruksi jQuery lainnya seperti data atau event handler juga dihapus

Kami juga dapat menyertakan pemilih sebagai parameter opsional. Misalnya, kita dapat menulis ulang kode penghapusan DOM sebelumnya sebagai berikut

Bagaimana cara menghapus konten div menggunakan JavaScript?

Bagaimana cara menghapus konten div?

Bagaimana cara menghapus div secara dinamis di JavaScript?

Bagaimana cara menonaktifkan semua konten div di JavaScript?

Bagaimana cara menambah dan menghapus div di JavaScript?