Mengapa JavaScript Saya Tidak Menyembunyikan Div Kedua Saya?

Togol Keterlihatan Dua Div dengan JavaScript

Isu

Untuk tapak web, anda ingin menogol keterlihatan dua div menggunakan JavaScript. Fungsi pertama berfungsi dengan baik, tetapi fungsi kedua yang dimaksudkan untuk menyembunyikan div kedua tidak berfungsi.

Penyelesaian

Sembunyikan Elemen:

Untuk sembunyikan elemen, tetapkan paparan atau sifat keterlihatannya. Untuk penyembunyian lengkap, gunakan paparan: tiada. Untuk menyembunyikan hanya secara visual, gunakan keterlihatan: tersembunyi.

Sembunyikan Koleksi Elemen:

Jika anda perlu menyembunyikan berbilang elemen, ulanginya dan tetapkan sifat paparan kepada tiada untuk setiap satu.

Disemak Kod:

Ubah suai kod anda seperti berikut:

function toggleDiv(target, replacement) {
  document.getElementById(target).style.display = 'none';
  document.getElementById(replacement).style.display = 'inline';
}

Penggunaan:

Buat dua butang untuk menogol antara div:

<button onClick="toggleDiv('target', 'replace_target')">View Portfolio</button>
<button onClick="toggleDiv('replace_target', 'target')">View Results</button>

Kod ini kini akan menogol keterlihatan div.

Atas ialah kandungan terperinci Mengapa JavaScript Saya Tidak Menyembunyikan Div Kedua Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!