clientHeight property (Internet Explorer)

The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

11 out of 15 rated this helpful - Rate this topic

Retrieves the height of the object including padding, but not including margin, border, or scroll bar.

Syntax

JavaScript	`p = object.clientHeight`

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>

clientHeight property

Syntax

Property values

Examples

See also

Community Additions