Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Togol Keterlihatan DIV dengan Klik Butang?

Bagaimana untuk Togol Keterlihatan DIV dengan Klik Butang?

Susan Sarandon
Susan Sarandonasal
2024-10-30 06:08:02281semak imbas

How to Toggle DIV Visibility with a Button Click?

Cara Togol Keterlihatan DIV menggunakan Butang

Tugas ini melibatkan menogol keterlihatan DIV dengan klik butang. Penyelesaian berikut menyediakan kaedah yang komprehensif untuk mencapai fungsi ini:

JavaScript Tulen:

Dalam JavaScript tulen, kod berikut boleh digunakan:

<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:

Jika jQuery tersedia, penyelesaian yang lebih ringkas ialah:

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

Atas ialah kandungan terperinci Bagaimana untuk Togol Keterlihatan DIV dengan Klik Butang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn