Sustituir un nodo por otro en el DOM mediante Javascript

Sustituir un nodo por otro en el DOM mediante Javascript

0
(0)

Para poder sustituir un nodo por otro en el DOM previamente necesitas saber como:

  1. Identificar nodos del DOM
  2. Crear nuevos nodos

Si tienes claros estos conceptos sigue leyendo. En caso contrario tal vez sería oportuno que vuelvas a las entradas enlazadas para repasar estos conceptos.

Ejemplo de uso de .replaceChild()

Existen muchos caminos para llegar a la misma solución.

Lo importante es que sepas solucionar el problema y más adelante ya perfeccionarás tus técnicas.

Una forma fácil de solucionar este problema es mediante el método

nodoPadre.replaceChild( nodoQueVasAIntroducir, nodoQueVaASerSustituido )

En caso de tener identificado el nodo que va a ser sustituido, entonces una práctica habitual es sustituir el nodoPadre por

nodoQueVaASerSustituido.parentNode

Veámoslo en una imagen sacada de brackets (generalmente uso Sublime pero recientemente he descubierto brackets. Algun día deberé hablar sobre herramientas para escribir código)

Reemplazar nodos DOM JS

¡Hola querido lector!

Espero que esta entrada te haya sido útil.

¡Ahora intenta hacer tuyo el ejemplo y a practicar!

¿Te ha gustado esta publicación?

¡Valora sobre 5 estrellas esta publicación!

Puntuación media 0 / 5. Votos: 0

Todavía no hay votos. Sé el primero en valorar la entrada.

Si te ha gustado este contenido...

¡Sígueme en las redes!

Vaya, parece que hay puntos a corregir

¿Me ayudas a mejorar?

¿Dónde he fallado?

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

No Comments

Post A Comment