JavaScript 또는 jQuery를 사용하여 버튼으로 DIV 요소의 가시성을 어떻게 전환합니까?

버튼으로 DIV 가시성 전환

가시성을 전환하려는 ID가 "newpost"인 DIV 요소가 있습니다. 버튼을 사용하세요.

이를 달성하려면 다음 접근 방식을 고려하세요.

순수 JavaScript:

DIV의 가시성을 전환하는 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는ggle() 메서드를 사용하여 간결한 솔루션을 제공합니다.

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

위 내용은 JavaScript 또는 jQuery를 사용하여 버튼으로 DIV 요소의 가시성을 어떻게 전환합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!