Ada dua cara untuk menyembunyikan kontrol menggunakan JavaScript, salah satunya adalah dengan mengatur atribut "display" dan "visibilitas" pada gaya kontrol. Kontrol terlihat ketika style.display="block" atau style.visibility="visible", dan tidak terlihat ketika style.display="none" atau style.visibility="hidden". Perbedaannya adalah "tampilan" tidak hanya menyembunyikan kendali, tetapi kendali yang tersembunyi tidak lagi menempati posisi yang ditempati saat ditampilkan, sedangkan kendali yang disembunyikan dengan "visibilitas" hanya membuat kendali menjadi tidak terlihat, dan kendali tetap menempati posisi aslinya. posisi.
Copy kode kodenya sebagai berikut:
fungsi tampilanSembunyikanUI()
{
var ui = dokumen.getElementById("bbs");
ui.style.display="tidak ada";
}
fungsi tampilanTampilkanUI()
{
var ui = dokumen.getElementById("bbs");
ui.style.display=" ";//Ini akan berfungsi jika tampilan kosong, tetapi jika berupa blok, spasi berikut akan membungkus.
}
visibilitas fungsiSembunyikanUI()
{
var ui = dokumen.getElementById("bbs");
ui.style.visibility="tersembunyi";
}
visibilitas fungsiTampilkanUI()
{
var ui = dokumen.getElementById("bbs");
ui.style.visibility="terlihat";
}
</skrip>
deskripsi nilai
none Elemen ini tidak akan ditampilkan.
blok Elemen ini akan ditampilkan sebagai elemen tingkat blok dengan jeda baris sebelum dan sesudah elemen ini.
bawaan sebaris. Elemen ini akan ditampilkan sebagai elemen sebaris tanpa jeda baris sebelum atau sesudah elemen.
blok sebaris Elemen blok sebaris. (Nilai baru di CSS2.1)
list-item Elemen ini akan ditampilkan sebagai daftar.
run-in Elemen ini akan muncul sebagai elemen tingkat blok atau elemen sebaris, bergantung pada konteksnya.
kompak Ada nilai kompak dalam CSS, namun telah dihapus dari CSS2.1 karena kurangnya dukungan luas.
marker Ada penanda nilai di CSS, namun telah dihapus dari CSS2.1 karena kurangnya dukungan luas.
table Elemen ini akan ditampilkan sebagai tabel tingkat blok (mirip dengan <table>), dengan jeda baris sebelum dan sesudah tabel.
inline-table Elemen ini akan ditampilkan sebagai tabel inline (mirip dengan <table>), tanpa jeda baris sebelum dan sesudah tabel.
table-row-group Elemen ini akan ditampilkan sebagai grup yang terdiri dari satu atau lebih baris (mirip dengan <tbody>).
table-header-group Elemen ini akan ditampilkan sebagai grup yang terdiri dari satu atau lebih baris (mirip dengan <thead>).
table-footer-group Elemen ini akan ditampilkan sebagai grup yang terdiri dari satu atau lebih baris (mirip dengan <tfoot>).
table-row Elemen ini akan ditampilkan sebagai baris tabel (mirip dengan <tr>).
table-column-group Elemen ini akan ditampilkan sebagai grup yang terdiri dari satu atau lebih kolom (mirip dengan <colgroup>).
tabel-kolom Elemen ini akan ditampilkan sebagai kolom sel (mirip dengan <col>)
sel tabel Elemen ini akan ditampilkan sebagai sel tabel (mirip dengan <td> dan <th>)
table-caption Elemen ini akan ditampilkan sebagai judul tabel (mirip dengan <caption>)
mewarisi menentukan bahwa nilai atribut tampilan harus diwarisi dari elemen induk.