Javascript 我想知道如何通过简单的点击一个div来获取他的ID

Javascript 我想知道如何通过简单的点击一个div来获取他的ID,javascript,Javascript,我目前正在从事一个Javascript项目 我想知道如何通过单击获取元素的ID 这是我的代码: const cercleEl = document.querySelectorAll(".cercle"); cercleEl.forEach((element) => { const elementId = element.getAttribute("id"); }); document.addEventListener("click&q

我目前正在从事一个Javascript项目

我想知道如何通过单击获取元素的ID

这是我的代码:

const cercleEl = document.querySelectorAll(".cercle");

cercleEl.forEach((element) => {
  const elementId = element.getAttribute("id");
});
document.addEventListener("click", cercleEl);

您可以这样做:

document.addEventListener('click', (ev)=>{
    console.log(ev.target.id)
});

ev.target
是您单击的元素。因此,您可以使用
ev.target.id
轻松找到它的id。无需在开始时创建所有元素ID的列表。

您可以这样尝试。您需要向
forEach
循环中的特定元素添加,
addEventListener

const cercleEl=document.queryselectoral(“.cercle”);
cercleEl.forEach((元素)=>{
元素。addEventListener(“单击”,函数(){
console.log(此.getAttribute(“id”))
});
});

你好
你好

添加HTML示例。
cercleEl
是节点列表,不能将节点列表用作事件处理程序。其工作方式:)
 document.querySelectorAll('.circle').forEach(function(element) {
   element.addEventListener('click', () => {
     console.log(element.id);
   });
 });