對象指頁面上的某一部分，如：Input等。我覺得在EXT JS中會有三類基本對象，htmlelement , EXT.Element和CompositeElement 。分別解釋一下：

htmlelement指html頁面的各種標記元素，可以用document.getElementById()獲得，具有html對象的方法和屬性。

EXT.Element是最重要的EXT對象，在dom對象的基礎上，又包裝了很多方法和屬性，可以用EXT.get()獲取.

CompositeElement 是一組EXT.Element的集合對象。通過fist(),last(),item()等獲得EXT.Element對象，再EXT.select()選擇多個對象時返回的就是這種對象

下面講解獲取頁面中對應元素的幾種重要方法:

1、用javascript獲得htmlelement的基本方法是：document.getElementById()

2、EXT.get()獲得EXT.Element對象，入參可以是id或htmlelement，也就是通過EXT.get()可以把htmlelement包裝成EXT.Element對象。

另外，EXT.Element對象的dom屬性也可以得到其對應的htmlelement對象。

3、EXT.select()根據標記名稱或classname或通配符獲取CompositeElement ,然后可以遍歷其中的EXT.Element。EXT.Element.select()方法調用DomQuery庫

EXT.select("div");//選擇所有div

EXT.select(".red");//選擇所有classname為red的所有元素

EXT.select("div.red")選擇所有classname為red的div元素

EXT.select("*");選擇所有元素。

EXT.select("#id");按id選擇元素。

4.EXT.query()是EXT.DomQuery.select()的簡寫.返回htmlelement數組。

var a=EXT.query("div");

alert(a[0].innerHTML);

5.EXT.getBody() 將

標記作為EXT.Element返回

6.EXT.getDoc()將 作為EXT.Element返回。

有關select 和 query中的selector有四種形式的定義：

1.元素選擇符：

Ext.query("span");

Ext.query("span", "foo");

Ext.query("#foo");

Ext.query(".foo");

Ext.query("*");

Ext.query("div p");

2.屬性選擇符：

Ext.query("*[class]");

Ext.query("*[class=bar]");

Ext.query("*[class!=bar]");

Ext.query("*[class^=b]");

Ext.query("*[class$=r]");

Ext.query("*[class*=a]");

3.CSS值元素選擇符：

Ext.query("*{color=red}");

Ext.query("*{color=red} *{color=pink}");

Ext.query("*{color!=red}");

Ext.query("*{color^=yel}");

Ext.query("*{color$=ow}");

Ext.query("*{color*=ow}");

4.偽類選擇符：

Ext.query("span:first-child");

Ext.query("a:last-child");

Ext.query("span:nth-child(2)");

Ext.query("input:checked");

Ext.query("div:contains(within)");

Ext.query("div:not(form)");

Ext.query("td:next(td)");

Ext.query("label:prev(input)");

Ext中有幾個以get開頭的方法，這些方法可以用來得到文檔中DOM、得到當前文檔中的組件、得到Ext元素等，在使用中要注意區別使用。

1、get方法

get方法用來得到一個Ext元素，也就是類型為Ext.Element的對象，Ext.Element類是Ext對DOM的封裝，代表DOM的元素，可以為每一個DOM創建一個對應的Element對象，可以通過Element對象上的方法來實現對DOM指定的操作，比如用hide方法可以隱藏元素、initDD方法可以讓指定的DOM具有拖放特性等。get方法其實是Ext.Element.get的簡寫形式。

get方法中只有一個參數，這個參數是混合參數，可以是DOM節點的id、也可以是一個Element、或者是一個DOM節點對象等。看下面的示例代碼：

Ext.onReady(function(){??

??

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

??

??alert(Ext.get("hello"));??

??

??alert(Ext.get(document.getElementById("hello")));??

??

??alert(Ext.get(e));??

??

});??

??

??//Html頁面中包含一個id為hello的div，代碼如下：??

??

aaa

總結

以上是生活随笔為你收集整理的extjs 获取id的值_extjs 获取Dom对象的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。