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

标签 javascript html css dom frontend

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

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

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

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

谢谢!

最佳答案

您正在寻找 getComputedStyle / currentStyle ,它将获得 CSS 属性的实际值,无论它是如何设置的。

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

关于javascript - 确定各种标签的默认浏览器样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2907209/

相关文章:

javascript - 像 monad 一样处理流

javascript - 在 div 中的特定点附加一个字符串

影响页面上其他元素的 Jquery slider

css - 跨浏览器的无序列表

javascript - 如何让 Handlebars 模板返回 DOM 元素而不是 HTML 字符串?

javascript - 如果我有 3 个单选按钮,如何自动生成文本框?

jquery - 悬停时隐藏CSS下拉菜单

css - JSF-h :panelGrid specific style for specific column

javascript - 连接到 ng-model 的 Angular 数组值

javascript - 如何根据另一个div的长度添加标签