如何将元素附加到 div？答案

【问题标题】：How do you append elements to a div?如何将元素附加到 div？
【发布时间】：2021-04-18 15:30:57
【问题描述】：

我正在制作一个基于图块的小游戏，并希望制作一个添加已应用标签的图块的功能。

这是我的代码，其中 tileDIV 为 ID，cols 为浮点数：

function createTiles() {
    let a = document.createElement("img")
    a.src = "tiles/0.png"
    for (let i = 0; i < cols; i++) {
        tileDiv.appendChild(a)
    }
}

当我执行这个函数时，什么也没有发生。

【问题讨论】：

tileDiv 没有定义？
可能是 document.getElementById(tileDiv).appendChild...？此外，您尝试附加单个元素 cols 次，您需要创建每个元素

标签： javascript html function append element

【解决方案1】：

在调用之前使用 DOM 定义 tileDiv，

var tileDiv = document.getElementById("tileDiv");

col 也没有定义，所以你也必须为你的循环函数定义它

【讨论】：

Tnx，我使用jquery作为ID，所以确实可以解决问题
没问题，只要你的页面中包含jquery源，但我发现另一个错字，col也没有定义..col是指什么？

【解决方案2】：

首先，titleDiv 没有在脚本的任何地方定义。您应该在将孩子附加到它之前定义它。 Cols 也没有定义，这也是它不起作用的原因。

function createTiles() {
let titleDiv = document.querySelector('.whateverdivis');
let a = document.createElement("img")
a.src = "tiles/0.png"
for (let i = 0; i < cols; i++) { //what and WHERE is cols? 
    tileDiv.appendChild(a)
}
}
createTiles(); //call your function

【讨论】：