Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Prove Yourself

Tentando pegar o tamanho da fonte.

Recommended Posts

Bom dia, tenho o seguinte código:

<html>

<head>

<script type="text/javascript">

function mudar_tamanho_fonte() {

 

// Tamanhos permitidos.

var tamanho_minimo = 1;

var tamanho_maximo = 30;

 

//Tamanho atual do texto presente na div conteúdo.

var tamanho_atual = document.getElementById('conteudo').style.fontSize;

alert(tamanho_atual);

}

</script>

<style type="text/css">

font:

</style>

</head>

<body>

<input type="button" value="A+" onclick="mudar_tamanho_fonte();">

<input type="button" value="a-" onclick="mudar_tamanho_fonte();">

 

<div id="conteudo">

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc sed sem. Aenean malesuada tellus. Proin gravida est. Nunc accumsan, diam lacinia tincidunt laoreet, libero tortor aliquet metus, non lacinia leo nisi sodales mauris. Nunc quis ipsum vel justo tempus dapibus. Praesent id dui ut lacus molestie commodo. Cras sed eros. Donec ut nunc sed metus volutpat scelerisque. Integer sodales tempus magna. Integer purus. Sed pretium augue sit amet elit. Duis odio. Etiam sodales. In placerat eros in erat.</p>

<p>Duis posuere scelerisque dolor. Etiam eros mi, posuere id, dignissim ac, venenatis in, diam. Ut venenatis mi quis quam. Etiam ac quam. Nulla at dui ut nunc tempor pharetra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi risus. Suspendisse id nisi. Vestibulum scelerisque ullamcorper libero. Vivamus sollicitudin, sem in auctor blandit, eros tortor condimentum turpis, sed tempus leo ipsum sit amet leo. Vestibulum lobortis, ipsum at ultrices feugiat, turpis ipsum mattis erat, tincidunt laoreet lectus ante eget justo. Mauris sit amet metus in orci aliquet varius. Vestibulum ut nisi sed magna feugiat porta. Ut semper metus vitae leo. </p>

<p>Duis ut ligula tristique lorem ultrices imperdiet. Maecenas ut eros. Sed iaculis ultrices est. Quisque pulvinar. Fusce aliquet posuere risus. Nullam pretium felis scelerisque lectus. Proin mattis euismod lectus. Mauris imperdiet lobortis dui. Quisque imperdiet tortor a ante. Mauris a arcu. </p>

</div>

</body>

</html>

Pq o alert não retorna o tamanho da fonte atual? Muito obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.