我想确定各种标签名称的默认样式。例如,我想知道 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/