addClass('');再次出现问题[重复]答案

【问题标题】：addClass(''); problems again [duplicate]addClass('');再次出现问题[重复]
【发布时间】：2021-01-23 05:32:46
【问题描述】：

我正在编写一个动画，我想为每次在 for 循环中创建的 div 添加类，但每次

const canvas = document.getElementById("canvas");
 function divCreater() {
    for (let i = 0; i < 100; i++) {
        document.createElement("div");
        let div = document.querySelectorAll("div");
        div.addClass('div');
        div.width = "(Math.random()*10)px";
        div.height = "(Math.random()*10)px";
        canvas.appendChild("div");
    }
};
divCreater();

我收到 addClass 不是函数的错误

【问题讨论】：

你可以使用类似div.classList.add("div")
document.createElement("div"); 如果您不将其分配给变量并对其进行处理，则不会执行任何操作。
另外，math.random() 不会在引号中做任何事情

标签： javascript

【解决方案1】：

改为div.classList.add('div');。还有document.querySelector("div"); 只选择一个元素。您还创建了一个不使用的 div。改为这样做：

let div = document.createElement("div");
/*let div = document.querySelectorAll("div");*/

【讨论】：