0

Пример:

$(el).css("height");

не подходит, так как он получает просто размер высоты окна. Нужно получить именно значение из стилей. То есть в стилях указано именно height: calc(100vh - 49px); а скрипт возвращает просто размер блока в px.

1 ответ 1

4

Ну, примерно так:

$(function() {
  var ss = document.styleSheets[0];
  var rules = ss.cssRules || ss.rules;
  var h1Rule = null;
  for (var i = 0; i < rules.length; i++) {
    var rule = rules[i];
    if (/(^|,) *h1 *(,|$)/i.test(rule.selectorText)) {
      h1Rule = rule;
      break;
    }
  }
  console.log(h1Rule.style.height)

});
h1
{
    height: calc(100vh - 49px);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>Header</h1>

5
  • Спасибо. Это типа парсера? Он много памяти занимает? У меня скрипт очень большой и стилей подключено много на странице, а так же неизвестна их очередность. 10 янв 2017 в 11:53
  • 1
    Нет, это просто перебор по используемым данным
    – Crantisz
    10 янв 2017 в 12:05
  • спасибо большое, Вы профи) 10 янв 2017 в 12:07
  • Единственное, если у вас несколько похожих селекторов, он будет искать только в первом найденном. Т.е. в этом случае надо будет доработать код
    – Crantisz
    10 янв 2017 в 12:10
  • Спасибо, я как раз дорабатываю. Главное, что уже хоть знаю куда плясать. 10 янв 2017 в 12:17

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.