Opacita attraverso javascript

Un piccolo esempio di come sia possibile modificare l'opacità di un elemento (nell'esempio un div) attraverso l'utilizzo di javascript il calssico getElementById. E' uno script minimale, di base, ma che può esser arricchito e impelmentato facilmentte!

Qui l'esempio, questo il codice:

script type="text/javascript"
           
function colora(ob) {
document.getElementById(ob).style.opacity='100';
document.getElementById(ob).style.filter='alpha(opacity=100)';       
document.getElementById(ob).innerHTML = 'ATTIVO';   
}

function disattiva(ob) {
document.getElementById(ob).style.opacity='40';
document.getElementById(ob).style.filter='alpha(opacity=40)';       
document.getElementById(ob).innerHTML = 'RIPOSO';   
}

/script

a onmouseover="colora('rosso')" onmouseout="disattiva('rosso')" href="javascript:;" riposo /a

div id="rosso" style="width: 200px; height: 200px; line-height: 200px; background:  red; opacity: 0.4;" riposo /div