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

猜你喜欢

转载自blog.csdn.net/JavaCoder_juejue/article/details/84331911
今日推荐