1. 程式人生 > >手把手教你ExtJS從入門到放棄——篇二十三(示例20:Ext.dom.Element類中常用增刪改查方法詳解)

手把手教你ExtJS從入門到放棄——篇二十三(示例20:Ext.dom.Element類中常用增刪改查方法詳解)

方法多多,就講部分常用的

查詢系:

onReady就不寫了,上核心程式碼

contains:引數可以傳id或者元素

child:返回該元素的子元素

down(選擇器):根據選擇器獲取該元素下層內層元素(常用)

first:獲取第一個子元素

findParent:返回的是原生的dom物件

is:引數是選擇器

last:與上面的first對應,返回元素的最後一個子元素

next:返回同層的下一個元素

preview:返回同層的上一元素 //是Ext包裝的dom元素

query:第一個引數為選擇器,第二個引數為root返回原生的dom物件陣列

沒定義root時,從document物件往下查詢,定義了的話在root節點下查詢

如:Ext.query('span','div1') 意思是以id為div1的節點為根節點,找到其下的型別為span的陣列

增刪改系

appendTo:

加第三句之前                                           加之後

                   

appendTo:

createChild:

下面的方法較簡單,學過JS的都知道

insertAfter:將元素插入到指定元素之後

insertBefore:將元素插入到指定元素之前

insertSibling:將元素插入到指定元素前或後(同層)

insertHtml:在當前元素內插入html程式碼

replace:當前元素替換指定元素

replaceWith:建立的元素替換當前元素

remove:移除當前元素  //如sp.remove();

wrap:建立一個元素並把當前元素包裹起來

如 sp.wrap('<h1></h1>');   //可以看到sp裡的內容字型變大了