Wyświetlanie i ukrywanie elementów.

 

cw 330

Utwórz dokument cw330.html oraz cw330.css

Wszystkie ustawienia stylu zapisz w pliku zewnętrznym

Dołącz prosty skrypt w języku JavaScript (reakcję na zdarzenie onclick)
<script>
function f1() { document.getElementById("o2").style.display = "block"; }
function f2() { document.getElementById("o2").style.display = "none"; }
function f3() { document.getElementById("o2").style.visibility="visible"; }
function f4() { document.getElementById("o2").style.visibility="hidden"; }
</script>


Wykonaj stronę zgodnie ze wzorem

Widok po kliknięciu przycisku display: none

Widok po kliknięciu przycisku visibility: hidden

Obrazek do ćwiczenia

 

Pytania i odpowiedzi: