Hapus sebuah Elemen - Trik CSS

Anonim

Untuk alasan apa pun, elemen tidak dapat merusak dirinya sendiri dalam JavaScript. jQuery memiliki metode untuk ini, yang bagus karena begitulah cara kami berpikir:

$(".remove-me").remove();

Tetapi tidak ada padanan langsung dalam JavaScript. Sebagai gantinya Anda harus memilih elemen induk dan menggunakan removeChild.

Jadi jika Anda memiliki:



Stuff.

…

Anda harus melakukan:

var thingToRemove = document.querySelectorAll(".remove-me")(0); thingToRemove.parentNode.removeChild(thingToRemove);

Atau jika Anda memiliki referensi ke sebuah elemen dan ingin mengosongkan semua elemen di dalamnya, tetapi pertahankan:

mydiv = document.getElementById('empty-me'); while (mydiv.firstChild) ( mydiv.removeChild(mydiv.firstChild); )