Propiedad CSS mediante JavaScript

[nicket]

Buenas tardes,

me interesaría saber cómo puedo cambiar el valor de una propiedad de una clase definida en una hoja de estilo accediendo a ella mediante javascript. Os pongo un ejemplo:

//Hoja de estilo

.txt {font-size: 12px;}

//HTML
....
<span class="txt">hola</span>
<a href="#" onClick="[Código o función a ejecutar]">mas</a>
....

Y mi intención es, por ejemplo, que clicando en el link me cambie la propiedad font-size a 14px.

¿Sabe alguien cómo hacerlo?

Gracias por adelantado.

[Cap.Buscapina]

Podría ser así:

onClick="document.getElementById('txt').style.font Size=14px;"

o un poco mas ordenado:

entre <script>

function cambiar(){
document.getElementById('txt').style.fontSize="14p x";
}

y luego

onClick="cambiar()"

en ambos casos debes agregarle ID="txt" al span contenedor.

saludos

[nicket]

Ok, gracias!.. esto ya está controlado jejejje.. pero... y para ir agrandando el texto por ejemplo, que cada vez que clique se me incremente en uno el tamaño?

atención porque la respuesta no es ta obvia como asignar a una variable el siguiente texto... es decir, hacer esto:

var tam = document.getElementById("txt").style.fontSize;

gracias!