Description: Get the current computed width for the first element in the set of matched elements, including padding but not border.
This method returns the width of the element, including top and bottom padding, in pixels.
This method is not applicable to window and document objects; for these, use .width () instead.
Example
Get the innerWidth of a paragraph.
var p = $("p:first");
$("p:last").text( "innerWidth:" + p.innerWidth() );
Full source:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>p { margin:10px;padding:5px;border:2px solid #666; }</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
var p = $("p:first");
$("p:last").text( "innerWidth:" + p.innerWidth() );
});
</script>
</head>
<body>
<p>Hello</p><p></p>
</body>
</html>
Was this information helpful?
