.innerWidth() Method

Syntax

.innerWidth()

Description

The .innerWidth() method returns the css width of an element with padding value. The below example shows how to change the style of an element using innerWidth 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 innerWidth of the Paragraph is " + $("h4").innerWidth()); }); }); </script> <br><font color="Red">Jquery innerWidth Style Property.</font> <h4>Click Mouse Once Here</h4><br>