此任務涉及透過點擊按鈕來切換 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中文網其他相關文章!