Question

我最近将div样式上的CSS样式从内联样式移动到外部样式表。标签的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没有收到font size属性的值，因为在使用alert（）测试时它没有返回正确的值（“24px”）。 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

object.style.fontSize没有检索值

1 个答案: