버튼 클릭으로 DIV 가시성을 전환하는 방법은 무엇입니까?

버튼을 사용하여 DIV의 가시성을 전환하는 방법

이 작업에는 버튼 클릭으로 DIV의 가시성을 전환하는 작업이 포함됩니다. 다음 솔루션은 이 기능을 달성하기 위한 포괄적인 방법을 제공합니다.

순수 JavaScript:

순수 JavaScript에서는 다음 코드를 사용할 수 있습니다.

<code class="javascript">var button = document.getElementById('button'); // Assumes element with id='button'

button.onclick = function() {
    var div = document.getElementById('newpost');
    if (div.style.display !== 'none') {
        div.style.display = 'none';
    }
    else {
        div.style.display = 'block';
    }
};</code>

jQuery:

jQuery를 사용할 수 있는 경우 더 간결한 솔루션은 다음과 같습니다.

<code class="javascript">$("#button").click(function() { 
    // assumes element with id='button'
    $("#newpost").toggle();
});</code>

위 내용은 버튼 클릭으로 DIV 가시성을 전환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!