从html元素中检索fontSize

Question

我正在尝试制作一些动画。

我在css中设置了html元素中的默认字体大小。

我想获得我在CSS中设置的字体大小，然后在JavaScript中使用它。

我想这...

var somevariable = getElementById('HtmlId'); 
var anothervariable = somevariable.style.fontSize; 

，但我得到NAN。

我试着解析变量，假设它返回一个字符串。

我想要得到的CSS

Answer 1

，如果你使用jQuery，你可以这样来做：

var somevariable = $("#HtmlId").css("font-size");

Answer 2

我建议你使用jQuery：

var fontSize = parseInt(jQuery('#HtmlId').css('font-size'), 10); 

纯JavaScript的使用可能不会返回所需的结果，就像您在控制台（网站：stackoverflow.com）中单独运行以下行一样。结果是不同的。

document.body.style.fontSize // '' 
jQuery('body').css('font-size') // 13px 

Answer 3

它应该是： -

var somevariable = document.getElementById('HtmlId');

行之后是罚款。

Answer 4

这是一个非jquery解决方案...即使字体未在CSS中设置也能正常工作。 Kind've笨拙......

var myElem = document.getElementById("myElementId"); 
var fontSize = document.defaultView.getComputedStyle(myElem, null).fontSize; 

edit-别人看到了什么真正的错误可能是...错过了“文件”。