HTMLElement: свойство offsetHeight

Базовая линия Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Это HTMLElement.offsetHeight только для чтения свойство возвращает высоту элемента, включая вертикальные отступы и границы, как целое число.

Обычно, offsetHeight представляет собой значение в пикселях высоты элемента CSS, включая любые границы, отступы и горизонтальные полосы прокрутки (если они отображаются). Оно не включает высоту псевдоэлементов, таких как ::before или ::after. Для объекта тела документа измерение включает общую линейную высоту контента вместо высоты элемента CSS. Элементы с плавающей позицией, выходящие за пределы другого линейного контента, игнорируются.

Если элемент скрыт (например, путём установки style.display для элемента или одного из его предков в "none"), то возвращается 0.

Примечание: Это свойство округляет значение до целого числа. Если вам нужно дробное значение, используйте element.getBoundingClientRect().

Значение

Число.

Примеры

An example element with large padding, border and margin. offsetHeight is the layout height of the element including its padding and border, and excluding its margin.

На приведённом выше изображении показана полоса прокрутки и offsetHeight, которая помещается в окно. Однако у не-прокручиваемых элементов могут быть большие значения offsetHeight, значительно превышающие видимый контент. Эти элементы обычно содержатся в прокручиваемых элементах; следовательно, эти не-прокручиваемые элементы могут быть полностью или частично невидимыми, в зависимости от scrollTop настроек контейнера прокрутки.

Спецификации

Спецификация
CSSOM View Module # dom-htmlelement-offsetheight

Совместимость с браузерами

	Рабочие столы					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`offsetHeight`	1	12	1	8	3	18	4	10.1	1	1.0	4.4

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetHeight