У меня есть div с установленной высотой.Вычислить высоту div
<div class="foo" style="height:100px;">bar</div>
Возможно ли найти то, что будет иметь высота div, если высота не была явно задана моим свойством стиля?
Другими словами, я хотел бы найти высоту следующего div без фактического изменения div.
<div class="foo">bar</div>
var clone = $('.foo').clone();
clone.css('height', 'auto');
clone.css('visibility', 'hidden');
$('body').append(clone);
console.log(clone.height());
Собирался написать это, лучший способ, но я думаю, что значение по умолчанию для высоты - авто; –
@YannChabot, ваше право, обновляя мой ответ. Благодаря! – AmmarCSE
Прохладный, я попробую это. Выглядит отлично! –
Если вы используете JQuery вы можете просто взять высоту с $ (». Таргет-класс). Высота()
Это получает высоту моего div. Он не получает высоту моего div со стилем = height: удаляется 100 пикселей. –
извините, похоже, работает для меня. http://jsbin.com/pikutiqine/1/ может быть что-то мне не хватает –
Вы недопонимаете мой вопрос. См. Ответ @ AmmarCSE. –
Используйте clientHeight свойство, чтобы получить внутреннюю высоту элемент. clientHeight эквивалентно css height. Смотрите фрагмент ниже (в первой строке демонстрирует использование clientHeight):
var height = document.getElementsByClassName('foo')[0].clientHeight;
document.getElementById('heightOfFoo').innerHTML = height;<div class="foo">bar</div>
<div id="heightOfFoo"></div>Можете ли вы объяснить, как ваш ответ получает высоту модифицированного div без style = "height: 100px". –
Взгляните на это: https://developer.mozilla.org/en-US/docs/Web/API/Element/clientHeight. Это часть спецификации объектной модели CSS. – boombox
Я думаю, вы не понимаете мой вопрос. См. Ответ @ AmmarCSE. –
Вы используете JQuery? Вы можете получить высоту элемента с помощью jQuery $ ('. Foo'). ExternalHeight(); – jerrylow
нет jquery необходим. см. мой ответ ниже, который использует простое свойство 'clientHeight'. – boombox