Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Menunjukkan atau Menyembunyikan Elemen DIV Menggunakan Klik Butang?

Bagaimanakah Saya Boleh Menunjukkan atau Menyembunyikan Elemen DIV Menggunakan Klik Butang?

Patricia Arquette
Patricia Arquetteasal
2024-12-14 12:34:14657semak imbas

How Can I Show or Hide a DIV Element Using a Button Click?

Cara Togol Keterlihatan DIV dengan 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:

  1. Dapatkan rujukan kepada elemen butang:

    var button = document.getElementById('button');
  2. Tentukan fungsi untuk menogol keterlihatan:

    button.onclick = function() {
  3. Dapatkan rujukan kepada elemen DIV:

    var div = document.getElementById('newpost');
  4. Semak sama ada DIV pada masa ini ditunjukkan:

    if (div.style.display !== 'none') {
  5. Togol keterlihatan sewajarnya:

        div.style.display = 'none'; // Hide
    }
    else {
        div.style.display = 'block'; // Show
    }
    };

Menggunakan jQuery:

  1. Pilih butang dan ikat acara klik pengendali:

    $("#button").click(function() {
  2. 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!

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