.innerWidth()

Get the current computed width for the first element in the set of matched elements, including padding but not border.

Syntax

.innerWidth()

Parameters

None

Return value

The width of the element, including left and right padding, in pixels.

Description

This method is not applicable to window and document objects, for these use .width() instead.

 
<html>
  <head>
    <script src="http://java2s.com/Book/JavaScriptDemo/jQuery/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
             $("div").width(300);
             alert($("div").innerWidth());
        });
    </script>
    <style>
    div{
        width:200px;
        height:100px;
        overflow:auto;
    }
    h1 { width:1000px;height:1000px; }
  </style>

  </head>
  <body>
    <body>
       <div><h1>header 1</h1></div>
    </body>
</html>

Click to view the demo