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

来源:互联网 发布:转换pdf格式的软件 编辑:程序博客网 时间:2024/05/21 14:42
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"); 

注意比较上述三个方法返回值的不同,非常重要! 
0 0
原创粉丝点击