非常有用的Ext.core.Element

Ext.core.Element是所有组件及控件操作的基础，是一个DOM对象的包装，加入了DOM的操作处理，并根据不同的浏览器进行处理。该类的所有实例都向我们展示通过DOM继续Ext.fx.Anim的视觉效果。该类的事件并非Ext的底层事件，而是封装的浏览器事件，也可以通过Ext.EventObject.browserEvent访问到更多的底层浏览器事件。通过ID或DOM节点来得到Ext.core.Element对象，如：Ext.get（元素id或DOM元素节点）。

Element的控制及使用方法示例：

Ext.onReady(function() {
    var e1 = Ext.get("the-id");
    var appendE1 = Ext.get("the-id-append");
    function fn1() {
        Ext.Msg.alert('提示', "您在id为'the-id'的Element上按下了ctrl+c键");
    }
    e1.addCls("special-css");
    appendE1.addCls('special-css');
    appendE1.setWidth(240);
    appendE1.setWidth(240, true);
    e1.focus();
    e1.addClsOnFocus("focus-css");
    e1.addClsOnOver("mouseover-css");
    e1.addClsOnClick("click-css");
    e1.setWidth(240);
    e1.setWidth(240, true);
    e1.addKeyMap({key:"c",ctrl:true,fn:fn1,scope:e1});
    e1.addKeyListener({key:'g',ctrl:true},fn1,e1);
});

function callAppend() {
    Ext.Msg.alert('提示', Ext.get("the-id-append"),getComputedWidth());
    Ext.get("the-id").appendTo(Ext.get("the-id-append"));
}