Extjs 基础篇―― Ext操作DOM

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

 

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

 三 Ext.Element.get(),获取的是Ext.Element的实例,而不是原生的<div>标签。

    el.dom获取原生标签。

    var el = Ext.get('myDiv');

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

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

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

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

    var el = 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提供动画效果的工具类。

你可能感兴趣的:(dom,ExtJs)