Javascript 我可以设置一个<；部门>；使用已动态创建的ID？

在我的程序中，我动态创建反馈框以响应用户输入。我的问题是，我不知道这些反馈中有多少会被输出。我在javascript中创建了一个函数，通过将字符串与变量编号串联（每次调用构造函数后都会递增）并将其附加到CSS类以进行样式设置，为我在运行时创建的每个新元素分配一个id，然而，我不知道如何在我的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和/或将其附加到类中的方式存在任何问题，请提供相关信息（我对此还是很陌生）

首先，

document.createElement（）

将标记名作为输入。如果您正在制作div，那么您的行应该是

document.createElement（'div'）

然后可以执行
i.setAttribute（id，'toast'+计数器）

你想用这个来完成什么？也许有更好的方法。还值得注意的是，ID必须是唯一的，所以要小心。
根据您的操作，为什么需要按ID引用项？为什么创建元素然后获取元素，所以只要做
vari=document.createElement（'div'）；i、 id=新元素。还要注意的是，
className
应该设置为类的名称，没有
。所以，
i.className=“toastStyle”谢谢，将进行此更改，我想我只是确保在尝试使其工作时没有遗漏任何内容。我遗漏了我的大部分函数，其中包括2个参数，但基本上，在此过程中，它会根据传递给toast的内容为toast分配消息、标题和图标。它本身还调用一个函数，将所有现有的烤面包机向下移动到新烤面包机的高度。我已经用硬编码的Id测试了它，并且知道这一切都正常工作，所以我把它漏掉了。基本上，我只需要一种方法在创建每个元素时引用它们，以便将它们输出到我的网页上（我目前正在使用一个按钮进行测试，每次单击它时都会创建一个新的toast）