Download Source Code Aplikasi

Style.Visibility

Thursday, October 10th, 2019 - Style DOM

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.

(Telah didownload 5 kali, 1x didownload hari ini)
Download Source Code Aplikasi
Style.Visibility | admin | 4.5


error: Content is protected !!