Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Como não tenho muita intimidade com JQuery e acho que muitos são iguais a mim, então fiz esse pequeno código para alterar o tamanho da fonte de uma determinada div
Segue o código:
<html>
<head>
<script>
function aumentaFonte() {
//Pega o tamanho original da fonte neste caso 12px
tamanhoOriginal = document.getElementById('corpo').style.fontSize;
// da um split para separar o número da string 'px' para aumentar o tamanho
// irá gerar um vetor de 1 posição, a zero
vetor = tamanhoOriginal.split('px');
//pega o vetor 0 e acrescenta 5 para alterar o tamanho
novoTamanho = parseInt(vetor[0])+5;
//escreve novamente o style da div com o novo tamanho de fonte
document.getElementById('corpo').style.fontSize = novoTamanho +'px';
}
</script>
</head>
<body>
<input type='button' value='Aumenta Fonte' onclick='aumentaFonte()'>
<div id='corpo' style='font-size:12px'></div>
</body>
</html>É claro que mem se compara com a usabilidade de uma JQuery, mas é uma solução rápida e simples para quem não a domina.
Atenciosamente,
Edimilson Quelipe
Carregando comentários...