使用javascript为每个按键设置新id

使用javascript为每个按键设置新id,javascript,Javascript,如何使用javascript创建一个按钮,该javascript在每次按下按钮时生成一个具有新id的新div元素。 这就是我想要的html的样子。但我希望它是用javascript制作的 <div id="1"></div> <div id="2"></div> <div id="3"></div> 我是一个自学成才的新程序员,所以请温柔一点。 谢谢。您可以使

如何使用javascript创建一个按钮,该javascript在每次按下按钮时生成一个具有新id的新div元素。 这就是我想要的html的样子。但我希望它是用javascript制作的

<div id="1"></div>
<div id="2"></div>
<div id="3"></div>

我是一个自学成才的新程序员,所以请温柔一点。
谢谢。

您可以使用
document.createElement()
方法创建一个元素,然后通过
id
属性设置其id,然后将其附加到DOM中,在本例中,我将该元素附加到
主体中

var-element=document.createElement(“DIV”);
element.id=“4”;

document.body.appendChild(element)
您可以使用静态id变量跟踪生成的递增数字

对于div的生成,您可以使用document.createElement方法,该方法创建标记名指定的HTML元素(本例中为div)

let id=0;
函数createDiv(){
var元素=document.createElement(“DIV”);
element.id=id;
element.textContent=id;
id++;
document.body.appendChild(元素)
}

Add div
我想每次点击都会有一个新的id,而不是我显示的相同id。@Alasdairprie我把它添加到了答案中。谢谢,这正是我想要的。:)@阿拉斯代尔皮里:不客气,如果您能使用复选标记接受此答案,我将不胜感激。这并不能提供问题的答案。若要评论或要求作者澄清,请在其帖子下方留下评论-
var base = 0;

function addElement() {
 base++
 var element = document.createElement("DIV");
 element.id = base;
 element.innerHTML = base
 document.body.appendChild(element)
}