Como crear un elemento HTML con JavaScript

Question

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>

[JSON no es Objeto](https://es.stackoverflow.com/questions/164943/cu%C3%A1l-es-la-diferencia-entre-json-y-un-objeto-en-javascript/164944#164944) — JackNavaRow, Jun 12 '19 at 15:29

score 5 · Accepted Answer · answered Jun 12 '19 at 15:26

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>

Como crear un elemento HTML con JavaScript

1 Answers1