ExtJs 获取Dom对象

ExtJs 中会有三类基本对象，htmlelement ， Ext.Element 和 CompositeElement 。

分别解释一下：

htmlelement 指html页面的各种标记元素，可以用 document.getElementById() 获得，具有html对象的方法和属性。

Ext.Element 是最重要的EXT对象，在dom对象的基础上，又包装了很多方法和属性，可以用  Ext.get() 获取。 

CompositeElement 是一组EXT.Element的集合对象。通过fist(),last(),item()等获得Ext.Element对象，再Ext.select()选择多个对象时返回的就是这种对象。

如果不用ExtJs的话，纯JS的DOM操作（此处仅介绍对元素的查找），主要有以下几种：

1、document.getElementById

2、document.getElemenstByClassName（该方法在IE6,7,8中不支持）

3、document.getElementsByTagName

4、document.getElementsByName

（注意：通过id找对象的方法的Element是单数，而通过类名找对象的方法的Elements是复数，多了一个s的别遗漏！这个也好理解，id是唯一的，clss是不唯一的~）

如果用ExtJs对元素进行查找，常用的有以下几种：

1、Ext.getCmp("id")   

这是通过id找到的Ext对象，注意是Ext对象而不是html对象，两者是有区别的！

2、Ext.select(".className")

注意类名前面有一个点！ .className

这是通过class类名找到的CompositeElement  不是Ext对象也不是html对象，三者是有区别的！

不过三者之间的转换也简单

Ext.select(".className").elements  这就是html对象了。

Ext.getCmp(Ext.select(".className").elements[0].id)    这就是Ext对象了。

其它更多的ExtJs 获取页面中对应元素的方法可见参考链接：extjs 获取Dom对象