Ketika aplikasi Anda perlu mengandalkan perpustakaan kelas JavaScript tertentu, Anda secara tidak sengaja akan mencoba untuk menyelesaikan masalah beberapa perpustakaan kelas itu sendiri, daripada masalah bahasa. Misalnya, ketika saya mencoba membungkus teks (yang mungkin juga berisi elemen HTML) dengan elemen div. Misalkan ada html berikut:
Ini adalah beberapa teks dan <a href = ""> tautan </a>
Saat ini, jika Anda ingin mengonversinya menjadi berikut:
<div> Ini adalah beberapa teks dan <a href = ""> tautan </a> <div>
Cara termudah untuk brute force adalah bahwa Anda dapat melakukan pembaruan pada elemen induk melalui properti .innerhtml, tetapi masalahnya adalah bahwa semua acara yang terikat mendengarkan akan tidak valid karena elemen HTML akan diciptakan kembali saat menggunakan innerHTML. Ini adalah gelas yang sangat besar! Jadi saat ini, Anda hanya dapat menggunakan JavaScript untuk mencapainya - ada kekurangan dan kekurangan. Ini kode implementasinya:
var newwrapper = document.createelement ('div'); while (yang adaParent.FirstChild) {// Pindahkan elemen DOM, newwrapper.applchild (yang adaParent.FirstChild); }Anda tidak dapat menggunakan loop untuk di sini karena Childnodes adalah kumpulan node dinamis, dan selama Anda memindahkan node, itu akan mempengaruhi nilai indeks indeksnya. Kami menggunakan loop sementara untuk mendeteksi anak pertama dari elemen induk. Jika mengembalikan nilai yang mewakili False, maka Anda tahu bahwa semua node telah dipindahkan ke orang tua baru!