Tampilan biasanya dapat diatur ke None, inline, Block
Visibilitas biasanya dapat disembunyikan atau terlihat
Ketika tampilan tidak ada dan visibilitas disembunyikan, elemen akan hilang. Tapi ada perbedaan.
Tampilan menyembunyikan elemen dan posisinya tidak lagi ditempati, sementara visibilitas menempati posisi asli.
Lihat saja contoh untuk dipahami:
Salinan kode adalah sebagai berikut:
<Div id = "myDiv">
<p>
</p>
</div>
<input type = "tombol" ontClick = "isVisibility (document.geteLementById ('myDiv'))" value = "adalah visibilitas terlihat" />
<input type = "tombol" ontClick = "isDisplay (document.geteLementById ('myDiv'))" value = "apakah itu terlihat untuk ditampilkan" />
<script>
function isVisibility (me) {
if (me.style.visibility == "tersembunyi") {
me.style.visibility = "visible";}
kalau tidak{
me.style.visibility = "tersembunyi";
}
}
fungsi isDisplay (saya) {
if (me.style.display == "none") {
me.style.display = "block";}
kalau tidak{
me.style.display = "none";
}
}
</script>