📌  相关文章
📜  获取点击元素的 id javascript (1)

📅  最后修改于: 2023-12-03 15:27:51.101000             🧑  作者: Mango

JavaScript: 获取点击元素的 ID

在 JavaScript 中,可以通过事件处理程序函数来获取点击元素的 ID。

步骤
  1. 使用 getElementById() 方法获取需要添加事件处理程序的元素。
  2. 添加事件处理程序函数,使用 event.target 获取被点击的元素对象。
  3. 使用 id 属性获取被点击元素的 ID。

下面是实现代码:

let element = document.getElementById("id-of-element");

element.addEventListener("click", function(event) {
  let clickedElement = event.target;
  let clickedID = clickedElement.id;
  console.log("Clicked ID:", clickedID);
});

在上面的代码中,id-of-element 应替换为需要添加事件处理程序的元素 ID。事件处理程序函数会在元素被点击时执行,通过 event.target 获取被点击的元素对象,再通过获取该元素的 id 属性来获取被点击元素的 ID。

需要注意的是,如果被点击的元素没有设置 ID 或 ID 为空字符串,则 clickedID 的值是空字符串。

总结

以上是使用 JavaScript 获取点击元素的 ID 的方法,通过上述步骤和示例代码,可以简单易行地实现该功能。