clientHeight property
Retrieves the height of the object including padding, but not including margin, border, or scroll bar.
Syntax
| JavaScript | |
|---|
Property values
Type: Integer
the height of the object, in pixels.
Examples
This example shows how the clientHeight property and the offsetHeight property measure document height differently. The height of the div is set to 100, and this is the value retrieved by the offsetHeight property, not the clientHeight property.
Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/clientHeight.htm
<div id="oDiv" style="overflow: scroll; width: 200px; height: 100px"> . . . </div> <button onclick="alert(oDiv.clientHeight)">client height</button> <button onclick="alert(oDiv.offsetHeight)">offset heightY</button>
See also
- a
- address
- applet
- b
- bdo
- big
- blockQuote
- body
- button
- caption
- center
- cite
- code
- col
- colGroup
- custom
- dd
- dfn
- dir
- div
- dl
- dt
- em
- embed
- fieldSet
- form
- hn
- html
- i
- img
- input type=button
- input type=checkbox
- input type=email
- input type=file
- input type=image
- input type=number
- input type=password
- input type=radio
- input type=range
- input type=reset
- input type=search
- input type=submit
- input type=tel
- input type=text
- input type=url
- isIndex
- kbd
- label
- legend
- li
- listing
- marquee
- menu
- meta
- noBR
- object
- ol
- option
- p
- plainText
- pre
- s
- samp
- script
- select
- small
- span
- strike
- strong
- sub
- sup
- table
- tBody
- td
- textArea
- tFoot
- th
- tHead
- tr
- tt
- u
- ul
- var
- xmp
- Measuring Element Dimension and Location with CSSOM in Internet Explorer 9
Show: