ExtJS DOM操作-Element类 介绍

更新记录
2022年7月11日 发布。
2022年7月6日 从笔记迁移到博客。

ExtJS教程汇总：https://www.cnblogs.com/cqpanda/p/16328016.html

Ext.dom.Element类

说明

ExtJS将HTML DOM进行封装，以便于跨平台，添加操作
Ext.dom.Element类表示对DOM元素封装，叫做ExtJS Element，类似jQuery元素
注意：
直接操作DOM元素不是良好的实践
Ext.dom.Element类型只在ExtJS Morden包存在

DOM操作-自身操作

是否已经被销毁

element.destroyed : Boolean 

默认为false当调用destroy()方法后会设置为true

获得封装的HTML DOM

element.dom : HTMLElement

获得事件监听函数列表对象

element.hasListeners : Object
实例：

if (this.hasListeners.foo) {
    this.fireEvent('foo', this, arg1);
}

获得DOM的Id

element.id : String

检测是否可观察的

element.isObservable : Boolean

调用父类构造函数

element.callParent ( args ) : Object

选择文本

element.selectText ( [start], [end], [direction] ) : Ext.dom.Element

节点克隆

element.clone ( [deep], [returnDom] ) : HTMLElement/Ext.dom.Element

销毁节点

element.destroy()

销毁指定的成员

element.destroyMembers ( args )

初始化配置项

element.initConfig ( instanceConfig ) : Ext.Base

获得节点初始配置项

element.getInitialConfig ( [name] ) : Object/Mixed

获得节点配置项

element.getConfig ( [name], [peek], [ifInitialized] ) : Object

获得节点的value属性值

element.getValue ( asNumber ) : String/Number

Ext.dom.CompositeElement类

Ext.dom.CompositeElement类代表HTML DOM元素集合的类
该类的实例内部包含多个Ext.don.Element类实例
包含对DOM元素集合进行操作、筛选或执行特定操作的方法

实例：