onclick 属性は、要素をマウスクリックしたときに発火します。
onclick 属性は イベント属性 の一つで、全ての HTML 要素で使用することができます。
| 要素 | イベント |
|---|---|
| 全ての HTML 要素 | onclick |
ボタンをクリックしたときに JavaScript を実行します：
<button onclick="myFunction()">Click me</button>
Try it Yourself ❯
<p> 要素をクリックすると、テキストの色が赤に変わります：
<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
Try it Yourself ❯
| イベント属性 | |||||
|---|---|---|---|---|---|
| onclick | Yes | Yes | Yes | Yes | Yes |