ExtJs学习（二） Ext.dom.Element

Ext.dom.Element学习

Ext.Element、Ext.core.Element、Ext.dom.Element这几个说法其实都是一个类，只不过是Ext中的一个别名。这个类的作用是针对DOM元素

操作的封装，使得我们对DOM操作更加方便，减少了浏览器的差异引起的问题。

一、获取Element对象

1. Ext.get( String/HTMLElement/Ext.Element el ) 

检索Ext.dom.Element对象。get是Ext.dom.Element.get的别名。
此方法不会检索Components.此方法检索封装DOM元素的Ext.dom.Element 对象。若要检索组件按其ID，请使用Ext.ComponentManager.get。
使用简单的缓存来始终返回相同的对象。 自动修复如果一个对象通过AJAX或DOM被重新创建具有相同id。

参数：
    el : String/HTMLElement/Ext.Element
    节点的id，一个DOM节点或现有元素。
返回值：
    Ext.dom.Element 对象(或null，如果没有发现匹配的元素)

2. Ext.fly( String/HTMLElement dom, [String named] )

二、 常用方法

3.addCls( String/String[] className )：向元素中添加一个或多个 (空格隔开)CSS 样式

4.appendChild( String/HTMLElement/Ext.dom.AbstractElement el )

5.createChild( Object config, [HTMLElement insertBefore], [Boolean returnDom] ) 

6.load( Object options ) : Ext.dom.Element

直接调用 Ext.ElementLoader 的 Ext.ElementLoader.load 方法. 本方法将参数原样传递给 Ext.ElementLoader.load.

7.addListener( String eventName, Function fn, Object scope, Object options ):Ext.dom.Element
on 的快捷方式.添加一个事件处理器(event handler)到此元素.

8.getHTML( )
返回元素的innerHTML，如果元素的DOM不存在， 则返回一个空字符串。

9.last( [String selector], [Boolean returnDom] ) : Ext.dom.Element/HTMLElement
获取最后一个子元素，跳过文本节点
参数：
selector : String (optional)通过简易选择符来查找最后一个元素
returnDom : Boolean (optional)默认为FALSE
true表示为返回原始过的DOM元素，而非Ext.Element类型的元素
返回值：
Ext.dom.Element/HTMLElement最后一个元素或null