获取 id 按钮单击反应 - Javascript

在网页上，我们经常需要获取页面中的元素并对其进行操作。其中，一项非常常见的操作是获取元素的 id 并为其添加单击事件。本文将介绍如何在 Javascript 中实现这一功能。

获取元素的 id

每个页面元素都可以使用 id 属性来进行标识。我们可以使用 document.getElementById() 方法获取该元素，并对其进行操作。例如，以下代码可以获取一个名为 myButton 的按钮元素：

var btn = document.getElementById("myButton");

为元素添加单击事件

一旦我们获取了元素，我们可以使用 addEventListener() 方法为其添加单击事件。例如，以下代码将为 myButton 按钮添加一个单击事件：

btn.addEventListener("click", function() {
  alert("Button clicked!");
});

上述代码的第一个参数指定事件类型，第二个参数是一个回调函数，当按钮被单击时执行该函数。

完整代码示例

下面是将以上两个代码段合并的完整示例代码：

var btn = document.getElementById("myButton");

btn.addEventListener("click", function() {
  alert("Button clicked!");
});

在页面中添加一个按钮元素，并将其 id 设置为 myButton，即可运行上述代码并查看结果。

总结

本文介绍了如何在 Javascript 中获取页面元素的 id，以及如何为获取到的元素添加单击事件。希望这篇文章对您有所帮助！