TecnoPillole.com

Attraverso l”uso di javascript possiamo controllare lo stile degli elementi contenuti nella pagina.  Per fare questo è sufficiente avere un riferimento valido all”elemento da controllare, ottenibile in questo modo:

<!--Il codice Javascript per ottenere il riferimento-->
<script type="text/javascript">
var e;
e = document.getElementById("elemento");
</script>

<!--L'elemento da controllare-->
<div id="elemento">Div da controllare</div>

Adesso che abbiamo il riferimento all”oggeto possiamo modificarne lo stile e in particolare la visibilità, in questo modo:

<!--L'elemento da controllare-->
<div id="elemento">Div da controllare</div>

<!--Bottone per rendere l'elemento invisibile-->
<input type="button" name="button" value="Invisibile" onclick="document.getElementById('elemento').style.visibility='hidden';">

<!--Bottone per rendere l'elemento visibile-->
<input type="button" name="button" value="Visibile" onclick="document.getElementById('elemento').style.visibility='visible';">

In questo modo possiamo modificare lo stile del div e quindi la proprietà visible direttamente premendo un bottone come è possibile vedere nell”esempio: