确定各种标签的默认浏览器样式

时间:2010-05-25 18:01:36

标签: javascript html css dom frontend

我想确定各种标记名称的默认样式。例如,我想知道h2的默认字体大小是什么。

有没有办法在Javascript中这样做?

上下文:我正在尝试构建一个实时CSS编辑器,让用户可以使用其页面上各种元素的样式。对于初始配置,我想阅读各种元素的外观。

编辑:以h2为例,如果页面上有h2元素,jQuery(“h2”)。css(“foint-size”)效果很好。但是,当页面上没有h2时,此解决方案会中断。在这种情况下,想要知道在页面上将h2应用于哪些样式

谢谢!

1 个答案:

答案 0 :(得分:1)

您正在寻找getComputedStyle / currentStyle,它将获取CSS属性的实际值,但已设置。

使用jQuery,您只需调用$('<h2>hi!</h2>').css('font-size'),即调用这些方法。