摘要：當(dāng)含有該樣式返回返回該元素的統(tǒng)一化當(dāng)前樣式和計(jì)算樣式。返回當(dāng)前元素與送入元素的距離。由返回的對(duì)象去進(jìn)行定位。設(shè)置元素的高度。保存當(dāng)前的溢出，然后進(jìn)行裁剪元素的溢出部分使用來(lái)移除。測(cè)試不同的規(guī)則瀏覽器以確定該元素是否使用。

var el = Ext.getCmp("id");//獲取元素，等同于document.getElementById("id");//會(huì)緩存 

var el = Ext.fly("id")//不會(huì)緩存。 

注：享元模式（Flyweight Design Pattern）是一種節(jié)省內(nèi)存的模式，該模式的大概原理是建立單個(gè)全體對(duì)象然后不斷反復(fù)使用它。

var dom1 = Ext.getDom("id");     // 依據(jù)id來(lái)查dom節(jié)點(diǎn) 
var dom2 = Ext.getDom(element);  // 依據(jù)元素來(lái)查dom節(jié)點(diǎn) 

Ext.fly("id").addClass("className"); // 加入元素的"className"的樣式 

Ext.fly("id").removeClass("className"); // 刪除class  

Ext.fly("id").toggleClass("className"); // 切換刪除添加類名 

Ext.fly("id").replaceClass("className1", "className2");//替換樣式     

Ext.fly("id").radioClass("className");   //添加一個(gè)或多個(gè)className到這個(gè)元素，并移除其他兄弟節(jié)點(diǎn)上的相同類名。    

if (Ext.fly("id").hasClass("className")) { //當(dāng)含有該樣式返回true 
     
} 

var width = Ext.fly("id").getStyle("width");//返回該元素的統(tǒng)一化當(dāng)前樣式和計(jì)算樣式。 
var height = Ext.fly("id").getStyle("height");//返回該元素的統(tǒng)一化當(dāng)前樣式和計(jì)算樣式。 

Ext.fly("id").setStyle({ 
     display : "block", 
     overflow : "hidden", 
     cursor : "pointer" 
});//設(shè)置元素的樣式，也可以用一個(gè)對(duì)象參數(shù)包含多個(gè)樣式。 

Ext.fly("id").getColor("color");//為指定的CSS屬性返回CSS顏色 

Ext.fly("id").setOpacity(.45, true);//設(shè)置元素的透明度。 

Ext.fly("id").clearOpacity();//清除這個(gè)元素的透明度設(shè)置 

//返回元素相對(duì)于頁(yè)面坐標(biāo)的X位置。元素必須是屬于DOM樹中的一部分才擁有正確的頁(yè)面坐標(biāo)（display:none            或未加入的elements返回false）。 
var pageX = Ext.fly("id").getX() 

//返回元素相對(duì)于頁(yè)面坐標(biāo)的Y位置。元素必須是屬于DOM樹中的一部分才擁有正確的頁(yè)面坐標(biāo)（display:none或未加入的elements返回false）。 
var pageY = Ext.fly("id").getY() 

//返回元素當(dāng)前頁(yè)面坐標(biāo)的位置。元素必須是屬于DOM樹中的一部分才擁有正確的頁(yè)面坐標(biāo)（display:none或未加入的elements返回false）。 
var arrayXY = Ext.fly("id").getXY() // arrayXY是數(shù)組 

//返回元素相對(duì)于頁(yè)面坐標(biāo)的X位置。元素必須是屬于DOM樹中的一部分才擁有正確的頁(yè)面坐標(biāo)（display:none或未加入的elements返回false）。 
Ext.fly("id").setX(10) 

//返回元素相對(duì)于頁(yè)面坐標(biāo)的Y位置。元素必須是屬于DOM樹中的一部分才擁有正確的頁(yè)面坐標(biāo)（display:none或未加入的elements返回false）。
Ext.fly("id").setY(10)

//返回元素當(dāng)前頁(yè)面坐標(biāo)的位置。元素必須是屬于DOM樹中的一部分才擁有正確的頁(yè)面坐標(biāo)（display:none或未加入的elements返回false）。 
Ext.fly("id").setXY([20,10]) 

//返回當(dāng)前元素與送入元素的距離。這兩個(gè)元素都必須是屬于DOM樹中的一部分才擁有正確的頁(yè)面坐標(biāo)（display:none或未加入的elements返回false）。 
var offsets = Ext.fly("id").getOffsetsTo(anotherEl); 

//獲取左邊的X坐標(biāo)。 
var left = Ext.fly("id").getLeft(); 

//獲取元素右邊的X坐標(biāo)（元素X位置 + 元素寬度）。 
var right = Ext.fly("id").getRight(); 

//獲取頂部Y坐標(biāo)。 
var top = Ext.fly("id").getTop(); 

//獲取元素的底部Y坐標(biāo)（元素Y位置 + 元素寬度）。 
var bottom = Ext.fly("id").getBottom(); 

//直接使用CSS樣式（代替setX()），設(shè)定元素的left位置。 
Ext.fly("id").setLeft(25) 

//設(shè)置元素CSS Right的樣式。 
Ext.fly("id").setRight(15) 

//直接使用CSS樣式（代替setY()），設(shè)定元素的top位置。 
Ext.fly("id").setTop(12) 

//設(shè)置元素CSS Bottom的樣式。 
Ext.fly("id").setBottom(15) 

//無(wú)論這個(gè)元素如何定位，設(shè)置其在頁(yè)面的坐標(biāo)位置。元素必須是DOM樹中的一部分才擁有頁(yè)面坐標(biāo)（display:none或未加入的elements會(huì)當(dāng)作無(wú)效而返回false）。 
Ext.fly("id").setLocation(15,32) 

//無(wú)論這個(gè)元素如何定位，設(shè)置其在頁(yè)面的坐標(biāo)位置。元素必須是DOM樹中的一部分才擁有頁(yè)面坐標(biāo)（display:none或未加入的elements會(huì)當(dāng)作無(wú)效而返回false）。 
Ext.fly("id").moveTo(12,17) 

//初始化元素的位置。如果未傳入期待的位置，而又還沒(méi)定位的話，將會(huì)設(shè)置當(dāng)前元素為相對(duì)（relative）定位。 
Ext.fly("id").position("relative") 

//當(dāng)文檔加載后清除位置并復(fù)位到默認(rèn)。 
Ext.fly("id").clearPositioning() 
Ext.fly("id").clearPositioning("top") 

//返回一個(gè)包含CSS定位信息的對(duì)象。有用的技巧：連同setPostioning一起，可在更新執(zhí)行之前，先做一個(gè)快照（snapshot），之后便可恢復(fù)該元素。 
var positions = Ext.fly("id").getPositioning() 

//由getPositioning()返回的對(duì)象去進(jìn)行定位。 
Ext.fly("id").setPositioning({ 
    left: "static", 
    right: "auto" 
}) 

//送入一個(gè)頁(yè)面坐標(biāo)的參數(shù)，將其翻譯到元素的CSS left/top值。 
// {left:translX, top: translY} 
var points = Ext.fly("id").translatePoints(15,18);    

//返回元素的偏移（offset）高度。 
var height = Ext.fly("id").getHeight(); 

//返回元素的偏移（offset）寬度。 
var width = Ext.fly("id").getWidth(); 

//設(shè)置元素的高度。 
Ext.fly("id").setHeight(); 

//設(shè)置元素的寬度。 
Ext.fly("id").setWidth(); 

//返回指定邊（side(s)）的padding寬度。 
var borderWidth = Ext.fly("elId").getBorderWidth("lr"); 

//可以是t, l, r, b或是任何組合。例如，傳入lr的參數(shù)會(huì)得到left padding +(r)ight padding。 
var padding = Ext.fly("id").getPadding("lr"); 

//保存當(dāng)前的溢出（overflow），然后進(jìn)行裁剪元素的溢出部分 - 使用unclip()來(lái)移除。 
Ext.fly("id").clip(); 

//在調(diào)用clip()之前，返回原始的裁剪部分（溢出的）。 
Ext.fly("id").unclip(); 

//測(cè)試不同的CSS規(guī)則/瀏覽器以確定該元素是否使用Border Box。 
if (Ext.isBorderBox) { 
     
}