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>

Alex_Numpaque comentado Dic 7, 2016

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

1 Respuesta

3votos

Leonardo-Tadei Puntos203350

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.

¿Conoces alguien que puede responder?
¡Comparte esta pregunta!


Actividad Reciente

¿Eres Usuario Apple?

...

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

Conecta