javascript - 如何获取网页默认字体的字号大小?

查看：63 发布时间：2017/9/6 1:55:10 html javascript

本文介绍了javascript - 如何获取网页默认字体的字号大小?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题

我没有给p标签设置字体大小, 用js获取的字号是空的,这是为什么?

<body>
    <div>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
    </div>
</body>

<script type="text/javascript">
     console.log(document.getElementsByTagName("p")[0].style);
</script>

解决方案

字体大小不仅是由行内style属性决定，还取决于外部link引入的样式，style标签里写的样式，还有继承的样式，浏览器默认样式。
你使用document.getElementsByTagName("p")[0].style获取的仅仅是style标签的样式，因为你没有设定，所以得到的是空。

如果你要得到计算后的样式，可以同getComputedStyle(document.getElementsByTagName("p")[0],undefined)来得到全部的最终渲染样式。

这篇关于javascript - 如何获取网页默认字体的字号大小?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文