Javascript: чтение размера шрифта из таблицы стилей из тега body - PullRequest
Новая
       7

Javascript: чтение размера шрифта из таблицы стилей из тега body

1 голос
/ 09 февраля 2020

на веб-сайте есть этот css стиль: 

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

Теперь я хочу прочитать с javascript размер шрифта тега body.

Что я должен делать? * * 1006

Ответы [ 2 ]

1 голос
/ 09 февраля 2020

Вы можете получить стиль, используя getComputedStyle ()

Метод Window.getComputedStyle () возвращает объект, содержащий значения всех CSS свойств элемента, после применения активных таблиц стилей и разрешения любых базовых c вычислений эти значения могут содержать. Доступ к отдельным значениям 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 голосов
/ 09 февраля 2020

Этого можно добиться с помощью веб-API, метода окна с именем getComputedStyle: 

const body = document.querySelector('body');
const bodyFontSize = getComputedStyle(body).fontSize;
console.log(bodyFontSize);
...