html click

作者：不必假装在乎发布日期:2025-06-24 浏览:53

<!DOCTYPE html>
<html>
<head>
    <title>HTML Click Example</title>
    <script>
        function handleClick() {
            // 当按钮被点击时，改变段落的文本内容
            document.getElementById("demo").innerHTML = "按钮被点击了！";
        }
    </script>
</head>
<body>

<h2>HTML Click 事件示例</h2>

<p id="demo">点击下面的按钮来触发 click 事件。</p>

<button onclick="handleClick()">点击我</button>

</body>
</html>

解释说明：

HTML 结构:
- <h2> 标签用于显示标题。
- <p> 标签用于显示一段文本，并给它一个 id="demo"，方便通过 JavaScript 操作。
- <button> 标签创建了一个按钮，并使用 onclick 属性绑定点击事件到 handleClick() 函数。
JavaScript 部分:
- handleClick() 函数在按钮被点击时执行。
- 它通过 document.getElementById("demo") 获取具有 id="demo" 的元素，并修改其 innerHTML 属性，将文本内容更改为“按钮被点击了！”。

这个示例展示了如何使用 HTML 和 JavaScript 来处理点击事件。

上一篇：html encode

下一篇：html 多选