Leitura de CSS por JavaScript

[Leandroido]

Estava tentando criar um código para aumentar e diminuir o FontSize, mas acontece o seguinte:

Quando o código está dentro da tag funciona normalmente:

<script type=”text/javascript”>

alert(document.getElementById(“pTeste”).style.fontSize);

</script>

<p id=”pTeste” style=”font-size:12px;”>texto</p>

Mas quando o codigo está em uma tag <style> ou dentro de um documento CSS não funciona:

&lt;script type=”text/javascript”>

alert(document.getElementById(“pTeste”).style.fontSize);

</script>

<style type=”text/css”>

p{font-style: 12px;}

</style>

<p id=”pTeste”>texto</p>

Segue o link do exemplo: http://leandrocarvalhojulio.com.br/arquivo...e-font-size.htm

alguém sabe como resolver isso?

Obrigado.

Editado Março 30, 2010 por Leandroido

[Thelon]

poste o link da página que está tentando fazer.

[William Bruno]

Isso acontece, porque o JS só lê css inline

para pegar diretamente 'da folha', ou o 'estilo computado', indico o seguinte:

http://www.cenasordidas.hbe.com.br/t.html

getComputedStyle()

essa função não é 'muito crossbrowser', mas no link que mandei, tem a solução.