如何添加 oncklick 按钮反应 - Javascript (1)

📌 相关文章

📜 如何添加 oncklick 按钮反应 - Javascript (1)

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

如何添加 onclick 按钮反应 - JavaScript

在 JavaScript 中，可以使用 onclick 属性来给 HTML 元素添加按钮反应。当一个元素被点击时，就会触发 onclick 事件。

步骤

以下是添加 onclick 按钮反应的步骤：

在 HTML 中，创建一个按钮元素，并为其指定一个 id，以便在 JavaScript 中引用它。示例代码：

<button id="myButton">点击我</button>

在 JavaScript 中，获取该按钮元素。可以使用 document.getElementById() 方法。示例代码：

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

使用 addEventListener() 方法为按钮添加 onclick 事件。在事件处理程序中，编写要执行的代码。示例代码：

button.addEventListener("click", function() {
  alert("按钮被点击了！");
});

完整的代码示例：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>添加 onclick 按钮反应</title>
  </head>
  <body>
    <button id="myButton">点击我</button>

    <script>
      var button = document.getElementById("myButton");
      button.addEventListener("click", function() {
        alert("按钮被点击了！");
      });
    </script>
  </body>
</html>

效果

运行上述代码，打开浏览器并单击该按钮，将显示一个警告框，显示消息“按钮被点击了！”。