javascript - 我可以使用动态创建的 ID 设置 <div> 吗？

Question

在我的程序中，我动态创建反馈框来响应用户输入。我的问题是，我不知道这些反馈中有多少会被输出。我在我的 javascript 中创建了一个函数，它通过连接一个带有可变数字的字符串为我在运行时创建的每个新元素分配一个 id - 每次调用构造函数后都会增加 - 并将其附加到我的 CSS 类以进行样式设置，但是我不确定如何在我的 html 中引用不同的 id，以便它们实际出现在屏幕上。

var counter = 0;

function constructFeedbackBox() {
    counter++;
    var newElement = 'toast' + counter;
    var i = null;
    i = document.createElement('div');
    i.id = newElement;
    i.className = ".toastStyle";
}

此外，如果我使用 javascript 创建我的 Id 和/或将其附加到我的类(class)的方式有任何问题，我将不胜感激(我对此还是很陌生)

Answer 1

首先，document.createElement() 将 tagName 作为输入。如果您正在制作 div，您的行应显示为 document.createElement('div');。

然后您可以执行 i.setAttribute(id, 'toast' + counter);。

你想用这个来完成什么？也许有更好的方法。另外值得注意的是，ID 必须是唯一的，所以要小心。