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,collapsememiliki fungsi yang sama ibarathidden.hidden
Ketika properti ini di set kenilaihiddenfungsinya 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, sedangstyle.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 kebalikannyahidden, ialah untuk menampilkan isi dari elemen yang sebelumnya terkena pengaturanstyle.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.
