object.style.fontSize не получает значение

Question

Недавно я переместил стиль CSS на тег div из встроенного стиля в внешнюю таблицу стилей. CSS для тега выглядит следующим образом:

#ntext{ 
position:absolute; 
top:204px; 
left:100px; 
width:197px; 
height:45px; 
text-align:center; 
font-size:24px; 
white-space:nowrap; 
color:#FFFFFF; 
font-family:Times New Roman, Times, Baskerville, Georgia, serif} 

У меня есть функция JavaScript, который предназначен, чтобы уменьшить размер шрифта этого DIV, который выглядит следующим образом:

function rdText() 
{var tXt = document.getElementById("ntext"); 
var fstring = tXt.style.fontSize; 
var fnum = parseInt(fstring); 
fnum -=1 ; 
tXt.style.fontSize= fnum+"px"} 

Эта функция работала, прежде чем я переехал стиль, но теперь это не так. Я проследил проблему до .style.fontSize, не получая значение атрибута размера шрифта, поскольку он не возвращал правильное значение («24px») при тестировании с помощью alert(). CSS, похоже, правильно подключен, потому что функции, которые меняют другие части, такие как цвет, работают очень хорошо. Я также смог настроить размер шрифта вручную в таблице стилей.

Возможно, я совершу здесь действительно тупую ошибку, но для жизни меня не знаю, что это такое.

Answer 1

это работа для getComputedStyle()

function rdText(){ 
    var tXt = document.getElementById("ntext"); 
    var fnum = parseInt(getComputedStyle(tXt)['font-size']); 
    fnum -=1 ; 
    tXt.style.fontSize= fnum+"px" 
} 

, если вам необходимо поддерживать старый IE: http://www.quirksmode.org/dom/getstyles.html