从html元素中检索fontSize

Question

我正试图制作动画片。

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

我正在尝试获取我在css中设置的字体大小，然后在javascript中使用它。

我试过了......

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

但我得到了NAN。

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

我想获得css

Answer 1

我建议你使用jQuery：

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

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

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

Answer 2

应该是： -

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

之后的界限很好。

Answer 3

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

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

编辑 - 其他人看到了真正的错误可能是...错过了“文档。”

Answer 4

如果你正在使用jquery，你可以这样做：

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