Bagaimanakah Saya Boleh Mengawal Keterlihatan Div dengan Butang Menggunakan JavaScript atau jQuery?

Cara Memanipulasi Keterlihatan Div Menggunakan Butang

Anda boleh mengawal keterlihatan elemen div melalui butang menggunakan pelbagai pendekatan. Begini caranya:

JavaScript Tulen:

Kaedah ini menggunakan sifat paparan CSS:

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

jQuery:

jQuery menawarkan yang lebih ringkas pendekatan:

$("#button").click(function() {
    $("#newpost").toggle();
});

Penjelasan:

Kaedah JavaScript secara langsung menogol sifat paparan div antara 'tiada' (tersembunyi) dan 'blok' (kelihatan) . Kaedah jQuery menggunakan fungsi toggle(), yang mengendalikan operasi penyembunyian dan paparan dengan mudah.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengawal Keterlihatan Div dengan Butang Menggunakan JavaScript atau jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!