onclick.md

HTML onclick 属性

定义和用法

onclick 属性在鼠标点击元素时触发。

适用于

onclick 属性是 事件属性 的一部分，可用于任何 HTML 元素。

元素	事件
所有 HTML 元素	onclick

示例

Button 示例

单击按钮时执行 JavaScript：

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

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

<p id="demo"></p>

<p>单击按钮时会触发一个函数。 该函数在 id="demo" 的 p 元素中输出一些文本。</p>

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>

P 示例

单击 <p> 元素将其文本颜色更改为红色：

<p id="demo" onclick="myFunction()">单击我以更改我的文本颜色。</p>

<script>
function myFunction() {
    document.getElementById("demo").style.color = "red";
}
</script>

浏览器支持

事件属性
onclick	Yes	Yes	Yes	Yes	Yes