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...