我想知道如何通过做一个简单的点击一个div我想得到他的ID

Question

我目前正在做一个Javascript项目。

我想知道如何获得一个点击元素的ID。

这是我的代码:

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

Answer 1

你可以这样做:

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

ev.target是您单击的元素。因此，您可以通过使用ev.target.id轻松找到它的id。没有必要在开始处创建一个包含所有元素ID的列表。

Answer 2

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

const cercleEl = document.querySelectorAll(".cercle");
cercleEl.forEach((element) => {
element.addEventListener("click", function() {
console.log(this.getAttribute("id"))
});
});

<div class="cercle" id="a">
<h1>hi</h1>
</div>

<div class="cercle" id="b">
<h1>hello</h1>
</div>

Answer 3

document.querySelectorAll('.circle').forEach(function(element) {
element.addEventListener('click', () => {
console.log(element.id);
});
});