Ada dua cara untuk menyembunyikan kontrol menggunakan JavaScript, yaitu dengan mengatur properti "tampilan" dan "visibilitas" dari gaya kontrol.
Kontrol tidak terlihat saat style.display = "block" atau style.visibility = "visible". Perbedaannya adalah bahwa "tampilan" tidak hanya menyembunyikan kontrol, tetapi juga kontrol tersembunyi tidak lagi menempati posisi yang ditempati saat ditampilkan. Kontrol tersembunyi dalam "Visibilitas" hanya menetapkan kontrol agar tidak terlihat, dan kontrol masih menempati posisi semula.
function displayHideUi () {var ui = document.geteLementById ("bbs"); ui.style.display = "none";} function displayshowui () {var ui = document.geteLementById ("bbs"); ui.style.display = ""; // jika display akan kosong, ini akan dikosongkan. Blok akan menyebabkan ruang selanjutnya dibungkus} fungsi visibilitasHideUi () {var ui = document.getElementById ("bbs"); ui.style.visibility = "tersembunyi";} functionShowUi () {var ui = document.geteLementById ("bbs"); ui.sty.Deskripsi nilai
Tidak ada elemen ini yang tidak akan ditampilkan.
Blokir elemen ini akan ditampilkan sebagai elemen tingkat blok, dengan garis pecah sebelum dan sesudah.
Default inline. Elemen ini akan ditampilkan sebagai elemen inline, tanpa karakter garis baru sebelum dan sesudah elemen.
elemen blok inline inline-block. (Nilai tambah baru di CSS2.1)
Daftar-item Elemen ini ditampilkan sebagai daftar.
Run-in Elemen ini ditampilkan sebagai elemen tingkat blok atau elemen inline berdasarkan konteks.
Compact ada nilai kompak di CSS, tetapi telah dihapus dari CSS2.1 karena kurangnya dukungan yang luas.
Marker Ada penanda nilai di CSS, tetapi telah dihapus dari CSS2.1 karena kurangnya dukungan yang luas.
Tabel Elemen ini ditampilkan sebagai tabel level blok (mirip dengan <able>), dengan garis pecah sebelum dan sesudah tabel.
Tabel inline elemen ini ditampilkan sebagai tabel inline (mirip dengan <able>), tanpa karakter garis baru sebelum dan sesudah tabel.
GROUP-BERBAIKA Elemen ini ditampilkan sebagai kelompok satu atau lebih baris (mirip dengan <tBody>).
Tabel-Header-Group Elemen ini ditampilkan sebagai kelompok satu atau lebih baris (mirip dengan <head>).
Table-Footer-Group Elemen ini ditampilkan sebagai pengelompokan satu atau lebih baris (mirip dengan <tfoot>).
Table-Row Elemen ini ditampilkan sebagai baris tabel (mirip dengan <tr>).
GROUP TABLE-COLUMN Elemen ini ditampilkan sebagai kelompok satu atau lebih kolom (mirip dengan <colgroup>).
Table-Column Elemen ini akan ditampilkan sebagai kolom sel (mirip dengan <col>)
Table-Cell Elemen ini akan ditampilkan sebagai sel tabel (mirip dengan <td> dan <t th>)
Table-Caption Elemen ini akan ditampilkan sebagai judul tabel (mirip dengan <Capttion>)
Warisan menentukan bahwa nilai atribut tampilan harus diwarisi dari elemen induk.
Masalah yang dipecahkan hari ini adalah memberikan label kelas. TERRITOR Ditentukan dalam halaman JSS ID, dan kemudian mengontrol visibilitas ID untuk menghapus informasi prompt JS saat menutup Div. Dengan rincian sebagai berikut:
Dalam fungsi menyiapkan antarmuka var label1 = document.geteLementById ("label1");
$ (dokumen) .ready (function () {$ (". flipp .span4"). klik (function () {$ (this) .parent (). next (). toggle (); $ (this) .parent (). Parent (). Label (). document.geteLementById ("label1"); label1.style.display = "none";}))Kemudian tambahkan tempat yang sesuai JSP:
<label id = "label1" untuk = "currentpwd" dihasilkan = "true" style = "display: inline"> </label>
Untuk kelas Label.Error yang ditentukan oleh CSS, Anda dapat menggunakan $ ("Label.Error"). RemoveAttr ("Style"). Attr ("Style", "Display: None;"); untuk mengimplementasikan fungsi di atas. Selain itu, tampaknya tidak perlu menentukan nilai ID untuk label di lokasi yang sesuai di bawah tanah.