extjs dom html,Extjs 基础篇—— Ext操作DOM

一 这里要记住三个核心工具类：Ext.Element, Ext.DomHelper, Ext.DomQuery。

二 说明一下，这里的ExtJs用的是3.x的版本

三 Ext.Element.get()，获取的是Ext.Element的实例，而不是原生的

标签。

el.dom获取原生标签。

varel = Ext.get('myDiv');

alert(Ext.encode(el) + "-dom:" + el.dom);

四 Ext.getDom(),获取原生标签

Ext.getDom('myDiv') 等价于 Ext.get('myDiv').getDom(el);

五 Ext.fly(),对应于Ext.get()

varel = Ext.fly('myDiv');

alert(Ext.encode(el) + "-dom:" + el.dom);

六 Element.setStyle(),设置样式

Ext.fly('myDiv').setStyle("backgroundColor","#ff0000");

七 动态增删样式

Ext.fly('myDiv').addClassOnOver("my_class");

八 相关类文件介绍

1.Element.style.js   Element.style-more.js提供大量工具函数，辅助Ext.Element进行CSS样式操作。

2.Fx.js提供动画效果的工具类。