3

Estoy creando una lista a través de un Objeto, pero en el momento de añadirlo al elemento padre en el html con appendChild dice que se encuentra nulo.

var pelis = [
    {
        Nombre: "El señor de los anillos",
        Genero: "Acción"
    },
    {
        Nombre: "Regreso al Futuro",
        Genero: "Acción"
    },
    {
        Nombre: "Los increibles 2",
        Genero: "Animación"
    },
];

var p = document.createElement("p");

for (i = 0; i <= pelis.length; i++){
    p.appendChild(document.createTextNode("Nombre:" + pelis[i].Nombre + "|| Genero: " + pelis[i].Genero));
    document.body.appendChild(p);
}
        <h1>Lista de películas</h1>

1

1 respuesta 1

5

Simplemente cambia el <= a <:

var pelis = [
    {
        Nombre: "El señor de los anillos",
        Genero: "Acción"
    },
    {
        Nombre: "Regreso al Futuro",
        Genero: "Acción"
    },
    {
        Nombre: "Los increibles 2",
        Genero: "Animación"
    },
];

var p = document.createElement("p");

for (i = 0; i < pelis.length; i++){
    p.appendChild(document.createTextNode("Nombre:" + pelis[i].Nombre + "|| Genero: " + pelis[i].Genero));
    document.body.appendChild(p);
}
<!DOCTYPE html>
<html>
    <head>
        <title>JS</title>
        <meta charset="utf-8">
        <script src="lista-pelis.js" type="application/javascript"></script>
    </head>
    <body>
        <h1>Lista de películas</h1>
    </body>
</html>

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.