ExtJs 獲取Dom物件

2022-08-28 09:57:12 字數 1052 閱讀 1910

extjs 中會有三類基本物件,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()選擇多個物件時返回的就是這種物件。

如果不用extjs的話,純js的dom操作(此處僅介紹對元素的查詢),主要有以下幾種:

1、document.getelementbyid

2、document.getelemenstbyclassname(該方法在ie6,7,8中不支援)

3、document.getelementsbytagname

4、document.getelementsbyname

(注意:通過id找物件的方法的element是單數,而通過類名找物件的方法的elements是複數,多了乙個s的別遺漏!這個也好理解,id是唯一的,clss是不唯一的~)

如果用extjs對元素進行查詢,常用的有以下幾種:

1、ext.getcmp("id")

這是通過id找到的ext物件,注意是ext物件而不是html物件,兩者是有區別的!

2、ext.select(".classname")

注意類名前面有乙個點! .classname

這是通過class類名找到的compositeelement  不是ext物件也不是html物件,三者是有區別的!

不過三者之間的轉換也簡單

ext.select(".classname").elements  這就是html物件了。

ext.getcmp(ext.select(".classname").elements[0].id)

這就是ext物件了。

獲取DOM物件

瀏覽器根據html標籤生成的 js物件 把網頁內容當做物件來處理 語法 document.queryselector css選擇器 引數 包含乙個或多個有效的css選擇器 字串 返回值 css選擇器匹配的第乙個元素,乙個 htmlelement物件。如果沒有匹配到,則返回null。123 abc段落...

Jquery物件和dom物件獲取html的方法

1 dom物件 var domobj document.getelementbyid id dom物件 domobj.innerhtml domobj.outerhtml 2 jquery物件 var obj id jquery物件 foo html 相當於dom物件的innerhtml obj.p...

dom獲取節點物件的方法

charset utf 8 title 直接獲取節點物件的方式 方式直接獲取單個物件 function demo1 2.通過標籤獲得元素的物件,獲得的是乙個集合 function demo2 3.通過屬性name 名字叫 hobby獲得 function demo3 間接獲取節點物件的方式 func...