Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでイベントを登録する方法は？

JavaScriptコード内にイベントハンドラーを登録すると、「this」ステートメントを使用できます。 JavaScript関数に値を渡す必要はありません。代わりに、「this」を使用してプロパティを操作してください。

例を見てみましょう

ライブデモ

<!DOCTYPE html>
<html>
   <head>
      <script>
         function display( ) {
            click.onclick = styleMe;
            uname.onclick = styleMe;
         }
         function styleMe ( ) {
            this.style.backgroundColor = "#000000";
            this.style.color = "#FFFFFF";
         }
      </script>
   </head>
   <body onload="display()" >
      <div id="uname"> Hello Wordl!</div>
      <button id="click"> Click</button>
   </body>
</html>

  1. ボタンクリック時にJavaScriptでdivを非表示にする方法は？

    次は私たちのdivだとしましょう- <div id="showOrHide"> Welcome in JavaScript </div> 以下は私たちのボタンです。クリックすると、上記のdivが非表示になります- <button onclick="showOrHideDiv()">Click The Button</button> JavaScriptでstyle.displayの概念を使用して、divを非表示にします。以下はコードです- 例 <!DOCTYPE html> <ht

  2. JavaScriptでボタンクリックでli要素を削除するにはどうすればよいですか？

    以下が順不同リスト（ul）であるとしましょう- <ul>    <li class="subjectName">JavaScript <button>Remove</button></li>    <br>    <li class="subjectName">MySQL <button>Remove</button></li>    <br>