Get width and height of a Div tag : HTML « Ext JS « JavaScript DHTML






  1. JavaScript DHTML
  2. Ext JS
  3. HTML

Get width and height of a Div tag

 

<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.0.0/ext-all.js"></script>
<style type="text/css">
div {
  border  : 1px solid #AAAAAA; 
  width   : 200; 
  cursor  : pointer;
  padding : 2px 2px 2px 2px;
  margin  : 2px 2px 2px 2px;  
}  
</style>
</head>
<body>
<script type="text/javascript">

Ext.onReady(function() {

  var myDiv1 = Ext.get('div1');
    myDiv1.setSize(200, 300, true);
  alert(myDiv1.getWidth());
  alert(myDiv1.getHeight()); 


});
</script> 
<div id='div1'>asdf</div>

</body>
</html>








Related examples in the same category

1.Create Child for Div tag
2.Create child for div tag with html tags
3.Child from a config object
4.Set style for created children
5.Nested div tag with border
6.Insert child as node to a div tag
7.Insert node to an indexed position
8.Set Div tag size
9.Use update method to set new text for div tag
10.Align div tag to another tag
11.Put mask to a div tag
12.Add child tag to div tag
13.Remove a tag from html body
14.Get last children
15.Add click event handler to div tag