ExtJs框架之get,getDom,getCmp,getBody,getDoc的区别

Ext中常用的获取元素的方法和区别

Ext中有几个以get开头的方法，这些方法可以用来得到文档中的DOM，得到当前文档中的组件，得到Ext元素等，在使用中要注意区别使用。

1、get方法

 get方法用来得到一个Ext元素，也就是类型为Ext.Element的对象，Ext.Element类是Ext对DOM的封装，代表DOM的元素，可以为

每个DOM创建一个对应的Element对象，可以通过Element对象上的方法来实现对DOM指定的操作，比如用hide方法可隐藏元素，initDD方法可以让指定的DOM具有拖放特性等。get方法其实是Ext.Element.get的简写形式。

get方法中只有一个参数，这个参数是混合参数，可以是DOM节点的ID,也可以是一个Element，或者是一个DOM节点对象等。

看下面的示例代码:

Ext.onReady(function(){

      var e = new Ext.Element("hello");

     alert(Ext.get("hello");

     alert(Ext.get(document.getElementById("hello")));

     alert(Ext.get(e));

});

//Html页面中包含一个id为hello的div，代码如下:

<div id="hello">aaa</div>

Ext.get("hello"),Ext.get(document.getElementById("hello")),Ext.get(e)等三个方法都可以得到一个与DOM节点hello对应的Ext元素。

2、getCmp方法用来获得Ext组件

     getCmp方法用来获得一个Ext组件，也就是一个已经在页面中初始化了的Component或其子类的对象，getCmp方法其实是Ext.ComponentMgr.get方法的简写形式。

     getCmp方法中只有一个参数，也就是组件的id.

     看下面的代码示例：

Ext.onReady(function(){

     var h = new Ext.Panel({

          id:'h2",

          title: " ",

         renderTo:"hello",

          width:300,

         height:200

    });

    Ext.getCmp("h2").setTitle("新的标题");

})

3、getDom