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

Question

我想确定各种标签名称的默认样式。例如，我想知道 h2 的默认字体大小是多少。

有没有办法在 Javascript 中做到这一点？

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

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

谢谢！

Answer 1

您正在寻找getComputedStyle/currentStyle，它将获得 CSS 属性的实际值，但它是被设置的。

使用 jQuery，您可以简单地调用$('<h2>hi!</h2>').css('font-size')，它会调用这些方法。