Prototype This page is part of the Prototype JavaScript framework documentation.
Overview | (...)

Element.getDimensions is used for getting the dimensions (width and height) of an element.

Syntax


  var dimensions = Element.getDimensions( element );
  var width = dimensions.width;
  var height = dimensions.height;

element can be any DOM Element object or an ID.

Example 1


<script>
function showDimensions( element )
{
  var dimensions = Element.getDimensions( element );
  var width = dimensions.width;
  var height = dimensions.height;
  alert('width:\t' + width + '\n' + 'height:\t' + height);
}
</script>
<a href="#" onclick="showDimensions(this); return false;">show me</a>

creates:

show me