appendChild() ist keine Funktion

Question

ich einen kleinen Stift auf codepen.io versucht (hier ist mine <3),

Hier ist der Code:

var body = $('body'); 
    var container = document.getElementsByTagName("container"); 

    var tileTab = new Array(); 

    var windowWidth = window.innerWidth; 
    var windowHeight = window.innerHeight; 

    var nbTileWidth = Math.floor(windowWidth/50) - 1; 
    var nbTileHeight = Math.floor(windowHeight/50) - 1; 
    var x = 0; 

    for(var i = 0; i < nbTileHeight; i++){ 

    var row = document.createElement("div"); 

    for(var j = 0; j < nbTileWidth; j++){ 

     tileTab[x] = document.createElement("div"); 
     row.appendChild(tileTab[x]); 
     tileTab[x].className = "tile"; 
     x++; 

    } 
    container.appendChild(row); 
    row.className = "row"; 
    } 
    body.appendChild(container); 

Dieser Stift ist hier erhältlich: codepen

Konsole zurückkehren mich

container.appendChild is not a function 

ich versuchte es mit jQuery, aber es ist das gleiche:./

Tut mir leid, dies zu veröffentlichen, es scheint ein grundlegendes Problem zu sein, aber jetzt weiß ich nicht, was hier falsch ist. Ty im Voraus!

Answer 1

diese Zeilen Replace:

var body = $('body'); 
var container = document.getElementsByTagName("container"); 

mit diesen:

var body = document.body; 
var container = document.querySelector('.container');