Jquery получить значение height из стилей

282
12 января 2017, 06:30

Пример:

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

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

Answer 1

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

$(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>

READ ALSO
Как вывести в инпут сегодняшнюю дату при загрузке страницы [требует правки]

Как вывести в инпут сегодняшнюю дату при загрузке страницы [требует правки]

Использую календарь Air Datepicker с форматированием input type="text" data-date-format="с dd M" value="" class=""

262
Вернуть значение стиля

Вернуть значение стиля

После включения чекбокса меняется значение стиля для указанного блока divЗначение устанавливается left:0; и width: 245px;

233
Что не так? was not declared in this scope

Что не так? was not declared in this scope

Смущает меня в первую очередь то что рядом два очень похожих объявления, одно с ошибкой другое без

350