Ext.get Ext.select Ext.query三者的比较

1 Ext.get()

   get方法用来得到一个Ext元素,也就是类型为Ext.Element的对象, Ext.Element类是Ext对DOM的封装,代表DOM的元素,可以为每一个DOM创建一个对应的Element对象,可以通过Element对象 上的方法来实现对DOM指定的操作,比如用hide方法可以隐藏元素、initDD方法可以让指定的DOM具有拖放特性等。get方法其实是 Ext.Element.get的简写形式。

Ext.onReady(function(){
// alert(Ext.get("hello"));//[object object]返回的是Ext定义的一个element对象是对dom元素的封装,而不是一个dom对象

// alert(Ext.get("hello").innerHTML);//undefine,假设它是dom对象,那么是可以返回这个文本的

// alert(Ext.get("hello").dom);//[object HTMLDivElement]

// alert(Ext.get("hello").dom.innerHTML);//hello,world 方法1 参数是elementid

// alert(Ext.get(document.getElementById("hello")).dom.innerHTML);方法2 参数是domnode
/*var hello=new Ext.Element("hello");
alert(Ext.get(hello).dom.innerHTML);
*方法3 参数是element  三种方法的参数分别是elementid domnode 已经存在的element
*/
Ext.get("hello").highlight();
Ext.get("hello").setX(300);
Ext.get("hello").setY(300);
})

三种方法可以从IDE中查看到

2   Ext.select ()

select方法可以用来获得指定标签的DOM对象,其返回值是一个Ext.CompositeElement对象。是一个Element的数组

3 . Ext.query ()

query方法和select方法非常类似,不同的是,它返回的是一个封装了DOM的数组,它是Ext.DomQuery.select()的简写方式。

注:在Ext 中Element的概念大于DOM的概念,DOM 是Element的一个子集,他们之间可以互相转换

Element-->DOM   方法:EL.DOM

DOM-->Element

方法:

<div id="hello">hello,world</div>

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

注意比较上述三个方法返回值的不同,非常重要!

你可能感兴趣的:(ext,ide)