.innerHeight() Method

Syntax

.innerHeight()

Description

The .innerHeight() Method returns the css height of a particular element with padding value. The below examples shows how to change the style of an element using innerHeight Style property.

Example Code

<style> h4 {width:400;line-height:25px;margin:15px;padding:5px;border:3px solid #666; cursor:pointer;} </style> <script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> $(document).ready(function(){ $("h4").click(function(){ $("h4").css("background-color", "pink"); $("h4").html("The innerHeight of the Paragraph is " + $("h4").innerHeight()); }); }); </script> <br><font color="Red">Jquery innerHeight Style Property.</font> <h4>Click Mouse Once Here</h4><br>