버튼 클릭을 사용하여 DIV 요소를 표시하거나 숨기려면 어떻게 해야 합니까?

버튼으로 DIV 표시 여부를 전환하는 방법

질문:

DIV를 표시하거나 숨기는 방법 버튼이 있을 때 클릭하셨나요?

답변:

버튼으로 DIV의 가시성을 전환하려면 JavaScript 또는 jQuery를 사용할 수 있습니다.

순수 JavaScript 사용:

1. Get 버튼 요소에 대한 참조:

   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 중국어 웹사이트의 기타 관련 기사를 참조하세요!