ExtJs - Get element by div class?

Question

How do I get the ExtJs component object of a Div by class name?

Say my div is:

<div class="abc"></div>

How do I get the ExtJs object of this Div to perform e.g. getWidth()

Note: There is no id given.

What I tried:

Ext.select(".abc")
Ext.query(".abc")

---

Edit:

Error: Object has no method 'getWidth'

<div id="main">
<div class="abc"></div>
</div>

  var d = Ext.get( "main" );
  d.query('.abc').getWidth();

Answer 1

Use

var dom = Ext.dom.Query.select('.abc');
var el = Ext.get(dom[0]); 

This will return an Ext.Element. You can then use ext methods on el like so

el.on('click', function(){}, scope);

or

el.getWidth()