entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

3votos

como agregar elementos al documento

**//output cannot read property 'appendChild' of null**

<script type="text/javascript">

        var div = document.getElementById("contenedor") ;
        var nodonuevo = document.createElement("div");
        div.appendChild(nodonuevo);

</script>
<body>

<div id="contenedor">
<span id="datos"></span>
<span id="items"></span>
<span id="suma"></span>
</div>
</body>

1voto

Alex_Numpaque comentado

Específicamente que necesitas hacer? en qué momento necesitas agregar elementos?

1 Respuesta

3votos

Leonardo-Tadei Puntos227320

Hola @stevenpro97,

tu código no funciona porque al momento de ejecutar el JavaScript, el DIV con ID "contenedor" todavía no existe.

JavaScript no puede acceder a un elemento antes de que aparezca en el navegador!

Funcionaría así:

<body>
  <div id="contenedor">
    <span id="datos"></span>
    <span id="items"></span>
    <span id="suma"></span>
</div>
<script type="text/javascript">
        var div = document.getElementById("contenedor") ;
        var nodonuevo = document.createElement("div");
        div.appendChild(nodonuevo); // Agrega el nodo, pero no se ve nada porque el DIV está vacío.
</script>
</body>

Saludos cordiales

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta