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

时间:2017-07-24 18:11:40

标签: javascript html css

在我的程序中,我动态创建反馈框以响应用户输入。我的问题是,我不知道会输出多少这些反馈。我在我的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和/或将其附加到我的课程方式有任何问题,我会非常感谢(我还是很新的)对此)

1 个答案:

答案 0 :(得分:0)

首先,document.createElement()将tagName作为输入。如果你正在制作div,你的行应该是document.createElement('div');

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

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