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尝试过，但它是一样的：/。

很抱歉发布这个，这似乎是一个基本问题，但现在我不知道这里有什么问题。 Ty提前！

Answer 1

替换这些行：

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

用这些：

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

appendChild（）不是函数

1 个答案: