Ext.Element类 :是ExtJs对dom对象的封装

Ext.CompositeElement类：是ExtJs对dom对象集合的封装

Ext.select Ext.query (注意是小写，Ext分大小写）

Ext.query和Ext.select的作用是一致的，同是根据CSS选择符查找出一个或多个元素。

    区别在于返回类型上。分别是：query方法返回的是JavaScript标准的数组类型；select方法返回的是CompositeElement类型.

alter(Ext.isArray(this.query('a.BigClass')));  //truealter(this.query('a.BigClass').length);Ext.select('a.BigClass').each(function(i){     i.dom.href = 'javescript:void(0);'// 找到所有带有BigClass样式的A元素修改其链接});

多选择符

你可以输入多个查询条件，然后在一个对象上面返回。

// 匹配所有的带foo class的div和带bar class的span

Ext.select('div.foo, span.bar');

var b = Ext.select("#Button1").first();        var v = b.getAttribute("type");         var vv = b.getValue();        b.set({ "value": "bt" });                     var di = Ext.select(".c1");        di.first().addClass("c3");       //只有一个修改样式        di.addClass("c3");               //多个

var di = Ext.select(".c1");di.first().insertHtml("afterBegin", "新内容1");    //div c1 内部 前di.first().insertHtml("beforeEnd", "新内容2");     //div c1 内部 后di.first().insertHtml("beforeBegin", "新内容3");   //div c1 外部 前di.first().insertHtml("afterEnd", "新内容4");      //div c1 外部 后di.first().insertHtml("afterBegin", "新内容11");    //div c1 内部 前di.first().insertHtml("beforeEnd", "新内容22");     //div c1 内部 后di.first().insertHtml("beforeBegin", "新内容33");   //div c1 外部 前di.first().insertHtml("afterEnd", "新内容44");      //div c1 外部 后   //全都往div边跑

var content = "";        var qu = Ext.query(".c2");           Ext.query 没有each方法        for (var i = 0; i < qu.length; i++) {            content += qu[i].innerHTML;        }        Ext.get("div1").insertHtml("beforeEnd", content);

Ext.query     获取htmlElement数组

Ext.select      获取CompositeElement

Ext.get          获取Ext.Element

var d = document.getElementById("div1");     //htmlElement    var ed = Ext.get(d);                         //htmlElement转换为Ext.Element     var dom=ed.dom;                              //Ext.Element转换为htmlElement