如何将元素附加到 div？

Question

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

这是我的代码，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)
    }
}

当我执行这个函数时，没有任何反应。

Answer 1

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

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

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

Answer 2

首先，脚本中的任何地方都没有定义 titleDiv。您应该在向其附加 child 之前对其进行定义。 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

如何将元素附加到 div？

How do you append elements to a div?

html

javascript

element

function

append