見出し画像

【JavaScript】onclickの引数にthisを指定

関野泰宏

onclickの引数にthisを指定

onclickに指定した関数にthisをつけると、戻り値を取得できるので便利です。

基本的にthisはクリックの対象である要素のことになります。

サンプルプログラム

<html>
<head>
	<meta charset="utf-8">
</head>
<body>
      <p>クリック！</p>
      <input type="button" value="Click" onclick="myfunc(this);">
      
      <script>
      
      var myfunc = function (button) {
          console.log(button.value);
      }
      </script>
</body>
</html>

実行結果


Click

戻り値であるボタン要素のvalue属性の値を表示します。

thisを使用することによって、戻り値で要素自体が返ってくるので、その要素の何かを変更したい時に有効です。

プログラムダウンロード


もっとJavaScriptを学びたい人は！こちらの本がおすすめです

#JavaScript #JavaScript初心者 #JavaScript学習 #プログラミング #プログラミング学習 #プログラミング初心者

この記事が気に入ったらサポートをしてみませんか？