0

我最近将 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 没有收到字体大小属性的值，因为在使用 alert() 测试时它没有返回正确的值（“24px”）。CSS 似乎已正确附加，因为更改颜色等其他部分的功能可以正常工作。我还可以在样式表中手动调整字体大小。

我可能在这里犯了一个非常愚蠢的错误，但对于我的生活，我不知道它是什么。

4

1 回答 1

2

这是 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

于 2013-07-23T21:36:46.940 回答