Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Menunjukkan atau Menyembunyikan Elemen DIV Menggunakan Klik Butang?
Soalan:
Bagaimana saya boleh menunjukkan atau menyembunyikan DIV apabila butang adalah diklik?
Jawapan:
Untuk menogol keterlihatan DIV dengan butang, anda boleh menggunakan sama ada JavaScript atau jQuery.
Menggunakan JavaScript Tulen:
Dapatkan rujukan kepada elemen butang:
var button = document.getElementById('button');
Tentukan fungsi untuk menogol keterlihatan:
button.onclick = function() {
Dapatkan rujukan kepada elemen DIV:
var div = document.getElementById('newpost');
Semak sama ada DIV pada masa ini ditunjukkan:
if (div.style.display !== 'none') {
Togol keterlihatan sewajarnya:
div.style.display = 'none'; // Hide } else { div.style.display = 'block'; // Show } };
Menggunakan jQuery:
Pilih butang dan ikat acara klik pengendali:
$("#button").click(function() {
Pilih DIV dan togol keterlihatannya:
$("#newpost").toggle(); });
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menunjukkan atau Menyembunyikan Elemen DIV Menggunakan Klik Butang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!