Javascript 如何获取由js创建的元素的ID

在我下面的代码中，祝你们一切顺利： 用户每次单击元素-->#crBtn时，应创建一个具有不同id的新按钮（但所有按钮都具有相同的类名），例如，如果用户单击#crBtn三次，这意味着将出现3个按钮，现在如果我单击这些按钮中的任何一个，我希望它更改其背景颜色，同时我需要它的id，我如何在js中做到这一点

var-idNum=0；
函数crBtn（）
{
idNum++；
var button=document.createElement（“按钮”）；
button.innerHTML=“此处”；
setAttribute（“类”、“名称”）；
setAttribute（“id”、“na”+idNum）；
document.body.appendChild（按钮）；
}

.name
{
背景颜色：海蓝宝石；
边界：无；
宽度：300px；
高度：50px；
光标：指针；
右边距：10px；
边缘底部：10px；
}
#crBtn
{
宽度：500px；
高度：60px；
背景颜色：蓝色；
边界：无；
利润率：30像素；
颜色：白色；
字体大小：30px；
}
名称：悬停
{
背景色：天蓝色；
颜色：aliceblue；
}

单击以创建按钮

将

事件

传递给函数<代码>目标事件对象的属性是您单击的元素

<button id = "crBtn" onclick="crBtn(event)">CLICK TO CREATE BUTTONS</button><br>

function crBtn(e){
  console.log(e.target); //e.target is the button element
}

单击以创建按钮

功能crBtn（e）{
console.log（e.target）；//e.target是按钮元素
}

以下脚本定义了一个委托的单击处理程序，该处理程序绑定到文档的body元素。根据单击的按钮，会采取不同的操作

var-idNum=0；
document.body.onclick=ev=>{
如果（ev.target.id==“crBtn”）crBtn（）
else if（ev.target.className==“name”）{
日志（“单击ID为“+ev.target.ID”的按钮）
ev.target.style.backgroundColor=“红色”；
}
}
函数crBtn（）{
idNum++；
var button=document.createElement（“按钮”）；
button.innerHTML=“此处”；
setAttribute（“类”、“名称”）；
setAttribute（“id”、“na”+idNum）；
document.body.appendChild（按钮）；
}

.name
{
背景颜色：海蓝宝石；
边界：无；
宽度：300px；
高度：50px；
光标：指针；
右边距：10px；
边缘底部：10px；
}
#crBtn
{
宽度：500px；
高度：60px；
背景颜色：蓝色；
边界：无；
利润率：30像素；
颜色：白色；
字体大小：30px；
}
名称：悬停
{
背景色：天蓝色；
颜色：aliceblue；
}

单击以创建按钮

您好，谢谢您的回答，我不想要#crBtn的id，我想要获取由函数crBtn（）{}创建的按钮的id