Cuando su aplicación necesita confiar en una biblioteca de clases JavaScript específica, intentará resolver inadvertidamente los problemas de alguna biblioteca de clases, en lugar de problemas de idioma. Por ejemplo, cuando intento envolver el texto (que también puede contener elementos HTML) con un elemento div. Supongamos que existe el siguiente HTML:
Este es un texto y <a href = ""> un enlace </a>
En este momento, si desea convertirlo a lo siguiente:
<Div> Este es algún texto y <a href = ""> un enlace </a> <div>
La forma más fácil de la fuerza bruta es que puede realizar actualizaciones sobre el elemento principal a través de la propiedad .innerhtml, pero el problema es que toda la escucha de eventos vinculados no será válida porque un elemento HTML se recreará cuando se use InnerHTML. ¡Este es un vaso tan grande! Entonces, en este momento, solo puede usar JavaScript para lograrlo: hay una deficiencia y una deficiencia. Aquí está el código de implementación:
var newwrapper = document.createElement ('div'); while (exististparent.firstchild) {// mueve el elemento DOM, newwrapper.appendChild (exististparent.firstchild); }No puede usar un bucle for para bucle aquí porque los nodos de los niños son una colección de nodos dinámicos, y siempre que mueva el nodo, afectará su valor de índice. Usamos un bucle de tiempo para detectar el primer collíno del elemento principal. Si devuelve un valor que representa falso, ¡sabe que todos los nodos se han trasladado al nuevo padre!