es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Reemplazar Child dando error (falló al ejecutar “replaceChild” en el nodo).

Espero que todos estén bien.
Estaba utilizando replaceChild cuando me encontré con este error:
Uncaught DOMException: Error al ejecutar ‘replaceChild’ en ‘Node’: El nodo a reemplazar no es un hijo de este nodo.
Pero veo que el código está bien y no puedo encontrar ningún problema con él.
Aquí está el código:
Código de Javascript:

let list = document.getElementById("List");
list.replaceChild(text2, document.getElementById("last"));

Código HTML:

<ol id="List">
  <li><div class="child" id="first">Child 1</div></li>
  <li><div class="child" id="Second">Child 2</div></li>
  <li><div class="child">Child 3</div></li>
  <li><div class="child" id="last">Child 4</div></li>
</ol>

Texto con el que estoy reemplazando el hijo:

let text2 = document.createTextNode("Este es un encabezado");

Gracias.

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Parece que el mensaje de error que recibiste indica que el nodo que estás intentando reemplazar en realidad no es un nodo hijo del padre que estás apuntando. Verifica que el ID que estás usando en el método replaceChild coincida con el ID del nodo hijo que estás intentando reemplazar. Es posible que haya un error de escritura o un error en el ID que estás utilizando. Además, asegúrate de que el elemento padre al que estás apuntando (en este caso, el elemento ol con ID “List”) realmente contenga el nodo hijo que estás intentando reemplazar. Si el nodo hijo no está presente en el árbol DOM del padre, también te encontrarás con este error.

Comments are closed.