1.获取元素（GettingElements）1.Ext.get()varel=Ext.getCmp('id');//获取元素，相当于document.getElementById('id');//缓存2.Ext.fly()varel=Ext.fly('id')//不会被缓存。注意：享元设计模式是一种节省内存的模式。这种模式的一般原则是创建一个单一的整体对象，然后重复使用它。3.Ext.getDom()vardom1=Ext.getDom('id');//根据id查询dom节点vardom2=Ext.getDom(element);//根据元素查看dom节点2.操作className1,addClass()Ext.fly('id').addClass('className');//添加元素的'className'样式2,removeClass()Ext.fly('id').removeClass('className');//删除类3，toggleClass()Ext.fly('id').toggleClass('className');//switchdeleteaddclassname4,replaceClass()Ext.fly('id').replaceClass('className1','className2');//替换样式5,radioClass()Ext.fly('id').radioClass('类名');//为该元素添加一个或多个className，并移除其他兄弟节点上的相同类名。6.hasClass()if(Ext.fly('id').hasClass('className')){//包含样式时返回true}7.getStyle()varwidth=Ext.fly('id').getStyle('width');//返回元素的统一当前样式和计算样式。varheight=Ext.fly('id').getStyle('height');//返回元素的统一当前样式和计算样式。8.setStyle()Ext.fly('id').setStyle({display:'block',overflow:'hidden',cursor:'pointer'});//设置元素的样式，也可以使用一个对象参数包含多个样式。9.getColor()Ext.fly('id').getColor('color');//返回指定CSS属性的CSS颜色10.setOpacity()Ext.fly('id').setOpacity(.45,true);//设置元素的透明度。11.clearOpacityExt.fly('id').clearOpacity();//清除该元素的透明度设置3.Position(位置)1.getX//返回元素相对于页面坐标的X位置。元素必须是DOM树的一部分才能具有正确的页面坐标（display:none或未连接的元素返回false）。varpageX=Ext.fly('id').getX()2.getY//返回元素相对于页面坐标的Y位置。元素必须是DOM树的一部分才能具有正确的页面坐标（display:none或未连接的元素返回false）。varpageY=Ext.fly('id').getY()3.getXY//返回元素当前页面坐标的位置。元素必须是DOM树的一部分才能具有正确的页面坐标（display:none或未连接的元素返回false）。vararrayXY=Ext.fly('id').getXY()//arrayXY是一个数组4.setX//返回元素相对于页面坐标的X位置。元素必须是DOM树的一部分才能具有正确的页面坐标（display:none或未连接的元素返回false）。Ext.fly('id').setX(10)5.setY//返回元素相对于页面坐标的Y位置。元素必须是DOM树的一部分才能具有正确的页面坐标（display:none或未连接的元素返回false）。Ext.fly('id').setY(10)6、setXY//返回元素当前页面坐标的位置。元素必须是DOM树的一部分才能具有正确的页面坐标（display:none或未连接的元素返回false）。Ext.fly('id').setXY([20,10])7.getOffsetsTo//返回当前元素与输入元素的距离。这两个元素都必须是DOM树的一部分才能具有正确的页面坐标（display:none或未连接的元素返回false）。varoffsets=Ext.fly('id').getOffsetsTo(anotherEl);8.getLeft//获取左侧的X坐标。varleft=Ext.fly('id').getLeft();9.getRight//获取元素右侧的X坐标（元素X位置+元素宽度）。varright=Ext.fly('id').getRight();10.getTop//获取顶部Y坐标。vartop=Ext.fly('id').getTop();11.getBottom//获取元素底部Y坐标（元素Y位置+元素宽度）。varbottom=Ext.fly('id').getBottom();12.setLeft//直接使用CSS样式（而不是setX()）来设置元素的左侧位置。Ext.fly('id').setLeft(25)13.setRight//设置元素的CSSRight样式。Ext.fly('id').setRight(15)14.setTop//直接使用CSS样式（而不是setY()）来设置元素的顶部位置。Ext.fly('id').setTop(12)15.setBottom//设置元素的CSSBottom样式。Ext.fly('id').setBottom(15)16.setLocation//无论这个元素如何定位，设置它在页面上的坐标位置。元素必须是DOM树的一部分才能具有页面坐标（display:none或未连接的元素将被视为无效并返回false）。Ext.fly('id').setLocation(15,32)17.moveTo//无论这个元素如何定位，设置它在页面上的坐标位置。元素必须是DOM树的一部分才能具有页面坐标（display:none或未连接的元素将被视为无效并返回false）。Ext.fly('id').moveTo(12,17)18.position//初始化元素的位置。如果没有传入预期的位置，并且还没有定位，则当前元素将被设置为relative（相对）定位。Ext.fly('id').position("relative")19.clearPositioning//文档加载时清空位置，重置为默认值。Ext.fly('id').clearPositioning()Ext.fly('id').clearPositioning("top")20.getPositioning//返回一个包含CSS定位信息的对象。有用的技巧：与setPostioning一起，您可以在执行更新之前拍摄快照，然后恢复元素。varpositions=Ext.fly('id').getPositioning()21.setPositioning//getPositioning()返回的对象用于定位。Ext.fly('id').setPositioning({left:'static',right:'auto'})22.translatePoints//发送一个页面坐标参数并将其转换为元素的CSSleft/top值。//{left:translX,top:translY}varpoints=Ext.fly('id').translatePoints(15,18);四、size&size1、getHeight//返回元素的偏移（offset）高度。varheight=Ext.fly('id').getHeight();2.getWidth//返回元素的偏移（offset）宽度。varwidth=Ext.fly('id').getWidth();3.setHeight//设置元素的高度。Ext.fly('id').setHeight();4.setWidth//设置元素的宽度。Ext.fly('id').setWidth();5.getBorderWidth//返回指定边（side(s)）的填充宽度。varborderWidth=Ext.fly('elId').getBorderWidth('lr');6.getPadding//可以是t、l、r、b或任意组合。例如，传递给lr的参数将得到左填充+(r)右填充。varpadding=Ext.fly('id').getPadding('lr');7.clip//保存当前溢出（overflow），然后对元素的溢出部分进行clip——使用unclip()去除。Ext.fly('id').clip();8.unclip//在调用clip()之前，返回原来的裁剪部分（溢出）。Ext.fly('id').unclip();9.isBorderBox//测试不同的CSS规则/浏览器，判断元素是否使用BorderBox。如果（分机。isBorderBox）{}
