como cambiar el tamaño de letra con DOM

Cesdeveloper · #1 (**permalink**) 25/09/2007, 18:30

Buenas,soy algo nuevo en javascript y tengo una duda,Hice el sgte script para cambiar le tipo de letra usando DOM y no me funciono,q es lo que deberia cambiar.Gracias.

---------------------------------parrafo.html------------------------------------------------------------
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script language="javascript" src="funciones.js" type="text/javascript"></script>
<link rel="StyleSheet" href="estilos.css" type="text/css">
<title>Ejercicio 1 DOM</title>
</head>
<body>
<p id="par"> Esto es un parrafo dinamico</p>
<input type="button" value="Fuente pequeña" onClick="cambiarTamanoFuente(10)"/>
<input type="button" value="Fuente mediana" onClick="cambiarTamanoFuente(13)"/>
<input type="button" value="Fuente grande" onClick="cambiarTamanoFuente(20)"/>
</body>
</html>
-------------------------------------------------estilos.css-----------------------------------------
body
{
background-color:#7886E2;
font-family:"Courier New", Courier, monospace;
}

-------------------------------------------funciones.js------------------------------------------------------------
function cambiarTamanoFuente(tam)
{
var par=document.getElementById("par");

par.style.fontsize=tam;

}

stock · #2 (**permalink**) 25/09/2007, 19:12

concatenale a la variable tam la unidad, sean pixeles, puntos o ems.

pruebale y me dices si te funciono, imagino que es algo asi, pues para cambiarle el tamanio a un div, tienes que agregarle la unidad si no no jala............

JavierB · #3 (**permalink**) 26/09/2007, 00:51

Hola Cesdeveloper

Además de lo que te comenta stock, recuerda que JavaScript distingue mayúsculas de minúsculas:

par.style.fontSize=tam+'px';

Saludos,