onclick
属性在鼠标点击元素时触发。
onclick
属性是 事件属性 的一部分,可用于任何 HTML 元素。
元素 | 事件 |
---|---|
所有 HTML 元素 | onclick |
单击按钮时执行 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 id="demo" onclick="myFunction()">单击我以更改我的文本颜色。</p> <script> function myFunction() { document.getElementById("demo").style.color = "red"; } </script>
事件属性 | |||||
---|---|---|---|---|---|
onclick | Yes | Yes | Yes | Yes | Yes |