Element.clientHeight

Element.clientHeight - свойство, доступное только для чтения. Для элементов без CSS-стилей, или элементов каркаса строчной разметки - значение равно нулю. Для остальных элементов - значение равно внутренней высоте элемента в пикселах, включая пространство между содержимым элемента и его границей (padding), но исключая высоту полосы горизонтальной прокрутки, и ширину отступа от границы элемента до родительского элемента (margin).

Значение clientHeight может быть вычислено по формуле CSS height + CSS padding - высота горизонтального скролла (если присутствует).

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

Синтакс

var h = element.clientHeight;

h - целочисленное значение высоты элемента в пикселях.

Пример

 

             Image:Dimensions-client.png

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

Спецификация Статус Примечание
CSS Object Model (CSSOM) View Module
Определение 'clientHeight' в этой спецификации.		 Рабочий черновик  

К сведению

Свойство clientHeight впервые было представлено в объектной модели Internet Explorer.

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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Да) (Да) 6 (Да) (Да)
Feature Android Android Webview Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support ? ? (Да) (Да) ? ? ? (Да)

Смотрите также

Связанные темы
  1. Document Object Model
  2. Element
  3. Свойства
    1. accessKey
    2. attributes
    3. childElementCount
    4. children
    5. classList
    6. className
    7. clientHeight
    8. clientLeft [Перевести]
    9. clientTop
    10. clientWidth [Перевести]
    11. currentStyle [Перевести]
    12. firstElementChild
    13. id элемента
    14. innerHTML
    15. lastElementChild
    16. localName [Перевести]
    17. name [Перевести]
    18. namespaceURI [Перевести]
    19. nextElementSibling
    20. onfullscreenchange [Перевести]
    21. onfullscreenerror [Перевести]
    22. openOrClosedShadowRoot [Перевести]
    23. outerHTML
    24. prefix [Перевести]
    25. previousElementSibling
    26. runtimeStyle [Перевести]
    27. scrollHeight
    28. scrollLeft
    29. scrollLeftMax [Перевести]
    30. scrollTop
    31. scrollTopMax [Перевести]
    32. scrollWidth [Перевести]
    33. shadowRoot [Перевести]
    34. slot [Перевести]
    35. tabStop [Перевести]
    36. tagName
  4. Методы
    1. after() [Перевести]
    2. animate() [Перевести]
    3. append()
    4. attachShadow()
    5. before() [Перевести]
    6. closest()
    7. computedStyleMap() [Перевести]
    8. createShadowRoot()
    9. getAttribute()
    10. getAttributeNames() [Перевести]
    11. getAttributeNode() [Перевести]
    12. getAttributeNodeNS() [Перевести]
    13. getAttributeNS() [Перевести]
    14. getBoundingClientRect()
    15. getClientRects() [Перевести]
    16. getElementsByClassName()
    17. getElementsByTagName()
    18. getElementsByTagNameNS() [Перевести]
    19. hasAttribute()
    20. hasAttributeNS() [Перевести]
    21. hasAttributes()
    22. hasPointerCapture() [Перевести]
    23. insertAdjacentElement()
    24. insertAdjacentHTML()
    25. insertAdjacentText()
    26. matches()
    27. msZoomTo() [Перевести]
    28. prepend() [Перевести]
    29. querySelector()
    30. querySelector() [Перевести]
    31. querySelectorAll() [Перевести]
    32. querySelectorAll()
    33. releasePointerCapture() [Перевести]
    34. remove()
    35. removeAttribute()
    36. removeAttributeNode() [Перевести]
    37. removeAttributeNS() [Перевести]
    38. replaceWith() [Перевести]
    39. requestFullscreen() [Перевести]
    40. requestPointerLock()
    41. scroll() [Перевести]
    42. scrollBy() [Перевести]
    43. scrollIntoView()
    44. scrollIntoViewIfNeeded() [Перевести]
    45. scrollTo() [Перевести]
    46. setAttribute()
    47. setAttributeNode() [Перевести]
    48. setAttributeNodeNS() [Перевести]
    49. setAttributeNS() [Перевести]
    50. setCapture() [Перевести]
    51. setPointerCapture() [Перевести]
    52. toggleAttribute() [Перевести]
  5. Наследование:
    1. Node
    2. EventTarget
  6. Похожие страницы для DOM
    1. AbortController
    2. AbortSignal
    3. Attr
    4. ByteString
    5. CDATASection
    6. CSSPrimitiveValue
    7. CSSValue
    8. CSSValueList
    9. CharacterData
    10. ChildNode
    11. Comment
    12. CustomEvent
    13. DOMConfiguration
    14. DOMError
    15. DOMErrorHandler
    16. DOMException
    17. DOMImplementation
    18. DOMImplementationList
    19. DOMImplementationRegistry
    20. DOMImplementationSource
    21. DOMLocator
    22. DOMObject
    23. DOMParser
    24. DOMPoint
    25. DOMPointInit
    26. DOMPointReadOnly
    27. DOMRect
    28. DOMString
    29. DOMTimeStamp
    30. DOMTokenList
    31. DOMUserData
    32. Document
    33. DocumentFragment
    34. DocumentType
    35. ElementTraversal
    36. Entity
    37. EntityReference
    38. Event
    39. EventTarget
    40. HTMLCollection
    41. MutationObserver
    42. Node
    43. NodeFilter
    44. NodeIterator
    45. NodeList
    46. NonDocumentTypeChildNode
    47. ProcessingInstruction
    48. PromiseResolver
    49. Range
    50. Text
    51. TextDecoder
    52. TextEncoder
    53. TimeRanges
    54. TreeWalker
    55. TypeInfo
    56. USVString
    57. UserDataHandler
    58. XMLDocument