Categories: Style DOM

Style.Visibility

Properti style.visibility dipakai untuk menetapkan apakah elemen ini kelihatan atau tidak.

Sintaks:

obj.style.visibility = value;

Nilainya:

collapse
Jika dipakai untuk cell-cell di dalam elemen TABLE, collapse memiliki fungsi yang sama ibarat hidden.
hidden
Ketika properti ini di set kenilai hidden fungsinya hampir sama ibarat style.display = "none", ialah akan menyembunyikan elemen. Bedanya, properti ini masih tetap mempertahankan posisi dan ukuran orisinil dari elemen itu, jadi masih kuat terhadap layout, sedang style.display="none" tidak.
Contoh:

<HTML> <HEAD> <SCRIPT TYPE="text/javascript"> function hiddenVal() { var x = document.getElementById("x"); x.style.visibility = "hidden"; } function noneOfDisplay() { var x = document.getElementById("x"); x.style.display = "none"; } </SCRIPT> </HEAD> <BODY> <H1 ID="x">Haloooo…</H1> <BUTTON TYPE="button" ONCLICK="hiddenVal()">style.visibility="hidden"</BUTTON> <BUTTON TYPE="button" ONCLICK="noneOfDisplay()">style.display="none"</BUTTON> </BODY> </HTML>
visible
Nilai ini kebalikannya hidden, ialah untuk menampilkan isi dari elemen yang sebelumnya terkena pengaturan style.visibility="hidden".
Contoh:

<HTML> <HEAD> <SCRIPT TYPE="text/javascript"> window.onload = function() { var x = document.getElementById("x"); x.style.visibility = "hidden"; } function Show() { var x = document.getElementById("x"); x.style.visibility = "visible"; } </SCRIPT> </HEAD> <BODY> <H1 ID="x">Haloooo…</H1> <BUTTON TYPE="button" ONCLICK="Show()">Tampilkan!</BUTTON> </BODY> </HTML>
inherit

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code