Problemita al cambiar el tipo de letra / tamaño

[fdosalom]

Hola !

Tengo un pequeño problema con el cambio de letra en la aplicacion que estoy haciendo , os explico :

he intentado encontrar como poder cambiar el tipo de letra / tamaño de una web dinamicamente pero lamentablemente no he encontrado nada o al menos nada que me funcione , mi idea es cambiar font-family , fontsizecomo si estuviese editando la etiqueta body en un CSS , es decir, que el cambio de letra afecte a toda la web y no solo a un div expecifico .

lo unico que he encontrado referente al tema es

document.style.fontFamily=""

pero lo he probado en varias combinaciones y nada no hay cambio de letra .

Por favor hay alguien que haya tenido este mismo problema? , alguna solucion?

Gracias por contestar ;)

[Saruman]

que tal.
te explico, es algo simple:

primero que todo, debes hacer referencia al objeto que deseas cambiarle el css, ya sea a través de document.getElementById('miobjeto') u otra forma. voy a obviar esta parte suponiendo que ya la sabes.

bueno, una vez que lo tengas, lo haces asi:

Código PHP:

  miobjeto.style.fontFamily = "Arial";
miobjeto.style.fontSize = "14px";  
   

y así sucesivamente.

debes tener presente que en JS no es igual que en css, me refiero a la escritura. cuando en CSS está separado por el guión (-), ejemplo: font-family... en JS es simplemente, reemplazas el guión, unes la palabra, pero esa segunda palabra después del guión la pones en mayúscula (la primera letra) y listo.... esto aplica para la mayoría de los css en js.

espero me halla explicado bien

saludos

[fdosalom]

Hola

He probado lo que me has dicho y con getElementById( "nombre div" ).style ... consigo cambiar el texto pero del div en cuestion en cambio si donde pone nombre div pongo 'body' para que afecte a toda la web no funciona y no se porq :( la verdad es que solo llevo un par de dias programando en javascript aun no controlo demasiado las funciones de los distintos objetos y no se si es apropiado usar getElementById() para obtener el objeto body . ¿Seria correcto asi? :

function Cambiar(){

document.getElementById('body').style.fontFamily = "Arial";
document.getElementById('body').style.fontSize = "20px";

}

De esta forma no consigo cambiar la tipografia ni el tamaño , si uso body , en cambio si uso el nombre de un div si puedo , jejeje no se porq supongo que al = que me paso a la hora de colorear el fondo de un div tambien cambia el modo de llamada por ejemplo

//para divs normales
document.getElementById(nombre).style.background = col;
//para body
document.bgColor=color;


Alguna idea?

[Saruman]

intenta asi:

Código PHP:

  document.getElementsByTagName('body').item(0).style.fontFamily = "Arial";  
   

saludos

[fdosalom]

Perfecto muchas gracias Saruman ;)

[Saruman]

no hay problema, para eso estamos

saludos