AppendChild() не является функцией

Question

Я попробовал немного ручку на codepen.io (здесь mine <3),

Вот код:

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); 

Эта ручка доступна здесь: codepen

консоли вернуть мне

container.appendChild is not a function 

Я попробовал его с JQuery, но это то же самое.:/

Извините, что опубликовано это, как представляется, основная проблема, но теперь я не знаю, что здесь не так. Тай заранее!

Answer 1

Заменить эти строки:

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

с этим:

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