ボタンをクリックして DIV 要素を表示または非表示にするにはどうすればよいですか?

ボタンで DIV の表示/非表示を切り替える方法

質問:

DIV を表示または非表示にするにはどうすればよいですか?ボタンがあるときクリックされましたか?

答え:

ボタンで DIV の表示/非表示を切り替えるには、JavaScript または jQuery を使用できます。

ピュアを使用するJavaScript:

1. ボタン要素への参照を取得します:

   var button = document.getElementById('button');

2. 表示/非表示を切り替える関数を定義します:

   button.onclick = function() {

3. への参照を取得します。 DIV 要素:

   var div = document.getElementById('newpost');

4. DIV が現在表示されているかどうかを確認します:

   if (div.style.display !== 'none') {

5. 表示/非表示を切り替えますそれに応じて:

       div.style.display = 'none'; // Hide
   }
   else {
       div.style.display = 'block'; // Show
   }
   };

jQuery の使用:

1. ボタンを選択し、クリック イベント ハンドラーをバインドします:

   $("#button").click(function() {

2. を選択してくださいDIV を選択し、その表示/非表示を切り替えます:

       $("#newpost").toggle();
   });

以上がボタンをクリックして DIV 要素を表示または非表示にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。