Saat mengoperasikan pohon DOM di JavaScript, Anda mungkin sering menemukan penambahan dan penghapusan node, seperti kotak input dengan tombol tambahan dan tombol hapus. Klik untuk menambahkan untuk menambahkan kotak input, dan klik untuk menghapus untuk menghapus kotak input yang sesuai. Dalam beberapa kerangka kerja JS, seperti prototipe, Anda dapat menggunakan elemen.remove () untuk menghapus node. Tidak ada metode seperti itu di inti JS. Ada metode di IE: Removenode (), cobalah untuk menjalankan kode berikut
<div> <input onClick = "removenode (this)" type = "text" value = "Klik untuk menghapus kotak input ini" /> </div>
Dapat ditemukan bahwa metode ini bekerja dengan baik di IE, tetapi di browser standar seperti Firefox, Removenode tidak didefinisikan. Namun, ada metode untuk mengoperasikan node DOM di inti JS: Removechild (). Anda harus tahu bahwa itu untuk menghapus simpul anak dengan melihat namanya. Kemudian kita dapat beradaptasi dengan penghapusan simpul yang ditentukan. Pertama -tama kita dapat menemukan simpul induk dari simpul untuk dihapus, dan kemudian menggunakan Removechild di simpul induk untuk menghapus node yang ingin kita hapus. Kita dapat mendefinisikan metode yang disebut RemestElement.
function RemeFeLement (_Element) {var _parentElement = _element.parentnode; if (_parentElement) {_parentelement.removechild (_element); }}Coba jalankan kode berikut dan dapat dieksekusi dengan benar di berbagai browser.
<script type = "text/javaScript"> function RemeFeLement (_element) {var _parentElement = _element.parentnode; if (_parentElement) {_parentelement.removechild (_element); }} </script> <div> <input onClick = "removeElement (this)" type = "text" value = "Klik untuk menghapus kotak input ini"/> </div>Di atas adalah seluruh konten artikel ini. Untuk informasi lebih lanjut tentang JavaScript, Anda dapat memeriksa: "Tutorial Referensi JavaScript" dan "Panduan Gaya Kode JavaScript". Saya juga berharap semua orang akan lebih mendukung wulin.com.