Ext.get,Ext.select,Ext.query方法
1,Ext.get
Ext.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");
注意比较上述三个方法返回值的不同,非常重要!
加支付宝好友偷能量挖...