Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, acho q o título do tópico já auto-explicável. Preciso pegar o valor atual do font-size de uma div para aumentar ou diminuir essa fonte de acordo com a vontade do visitante (controlado por links de + e -).
Só não consigo pegar o valor atual do font-size, preciso sempre setar um valor padrão dentro da função em JS e só consigo aumentar uma vez ou diminuir uma vez!
Segue o que consegui produzir:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "[http://www.w3.org/TR/html4/strict.dtd">](http://www.w3.org/TR/html4/strict.dtd) <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Exemplo de Alteração de Fonte em JS</title> </head> <style type="text/css"> #conteudo { font-family: verdana, tahoma, sans-serif; font-size: 11px; color: #000; } </style> <script type="text/javascript"> //Facilitador de código function $(id) { return document.getElementById(id); } //Dar o id do layer e se quer aumentar ou diminuir a fonte. function mudaFonte(id, opt) { var tamPadrao = 11; if(opt == 'aumentar') { var tamNovo = tamPadrao + 1; } else if(opt == 'diminuir') { tamNovo = tamPadrao - 1; } $(id).style.fontSize = tamNovo+"px"; } </script> <body> <div id="conteudo"> Teste. </div> <br /><br /> <a href="#" onclick="javscript:mudaFonte('conteudo', 'aumentar');">+ Fonte</a> | <a href="#" onclick="javscript:mudaFonte('conteudo', 'diminuir');">- Fonte</a> </body></html>Carregando comentários...