Código HTML:
<style type="text/css">
<!--
.class1{
font-size:10pt;
}
.class2{
font-size:7pt;
}
.class3{
font-size:2pt;
}
-->
</style> Código HTML:
<script>
function cambiarLetra(tam){
var texto = document.getElementById("id_del_texto");
if(tam == "grande")
texto.className = "class1";
else if(tam == "mediana")
texto.className = "class2";
else if(tam == "pequeña")
texto.className = "class3";
}
</script> Código HTML:
<div id="id_del_texto">TEXTO QUE CAMBIA DE TAMAÑO</div>
Código HTML:
<form name="form" id="ejemplo">
<button onclick="cambiarLetra('grande')">Letra Grande</button>
<button onclick="cambiarLetra('mediana')">Letra Mediana</button>
<button onclick="cambiarLetra('pequeña')">Letra Pequeña</button>
</form>