手把手教你ExtJS從入門到放棄——篇二十三(示例20:Ext.dom.Element類中常用增刪改查方法詳解)
阿新 • • 發佈:2018-12-07
方法多多,就講部分常用的
查詢系:
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裡的內容字型變大了