手把手教你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里的内容字体变大了