Bagaimana untuk Menunjukkan dan Menyembunyikan Elemen DIV dengan Klik Butang?

Bagaimana untuk Togol Keterlihatan DIV Menggunakan Butang?

Banyak aplikasi web memerlukan keupayaan untuk menunjukkan atau menyembunyikan elemen pada halaman, seperti div. Ini boleh dicapai dengan mudah menggunakan JavaScript. Begini cara anda boleh menogol keterlihatan div dengan butang:

JavaScript Tulen:

Pendekatan ini menggunakan sifat style.display bagi elemen div. Apabila butang diklik, pendengar acara klik dicetuskan, yang menyemak sama ada div kelihatan pada masa ini (iaitu, style.display bukan 'tiada'). Jika ya, div disembunyikan dengan menetapkan style.display kepada 'tiada'. Jika tidak, ia ditunjukkan dengan menetapkan style.display kepada 'sekat'.

var button = document.getElementById('button'); // Assumes element with>

jQuery:

jQuery menyediakan pendekatan yang lebih mudah untuk menogol keterlihatan elemen . Kaedah togol() menogol keterlihatan elemen yang dipilih. Apabila diklik, pendengar acara klik mencetuskan kaedah toggle() pada div dengan ID 'newpost'.

$("#button").click(function() { 
    // assumes element with>

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