Javascript:从正文标签读取样式表的字体大小

问题描述 投票:1回答:3

网站上有这种CSS样式:

<style>
body{font-size: 110%;}
</style>

现在我想用javascript阅读body-tag的字体大小。

我该怎么办?

javascript html tags font-size
3个回答
1
投票

您可以使用getComputedStyle()获得样式>

Window.getComputedStyle()方法返回一个包含应用激活后,元素的所有CSS属性的值样式表并解析这些值可能会进行的任何基本计算包含。各个CSS属性值可通过API访问由对象提供,或通过使用CSS属性名称进行索引提供。

工作片段:

const element = document.querySelector('body')
const style = getComputedStyle(element)

console.log(style.fontSize);
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <style type="text/css">
      body {
      font-size: 110%;
      }
    </style>
  </head>
  <body>
    <div class="container"></div>
  </body>
</html>

0
投票

您可以通过使用Web API,称为getComputedStyle的窗口方法来达到此目的:


0
投票

感谢您提供两个答案。

© www.soinside.com 2019 - 2024. All rights reserved.