Html DOM、Ext Element及Component三者之间的区别（Ext入门基础）

Html DOM、Ext Element及Component三者之间的区别（Ext入门基础）

• 每一个HTML页面都有一个层次分明的DOM树模型，浏览器中的所有内容都有相应的 DOM对象，动态改变页面的内容，正是通过使用脚本语言来操作DOM对象实现。( 通常 使用getElementById/Ext.getDOM获得DOM对象 )

• 仅仅有DOM是不够的，比如要把页面中的某一个节点移到其它位置，要给某一个节点 添加阴影效果，要隐藏或显示某一个节点等，我们都需要通过几句 javascript才能 完成。因此，Ext在DOM的基础上，创建了Ext Element，可以使用Element来包装任 何DOM，Element对象中添加了一系列快捷、简便的实用方法。( 通常使用Ext.get获 得Element对象 )

• 对于终端用户来说，仅仅有Element是不够的，比如用户要显示一个表格、要显示一 棵树、要显示一个弹出窗口等。因此，除了Element以外，Ext 还建立了一系列的客 户端界面组件Component，我们在编程时，只要使用这些组件Componet即可实现相关 数据展示及交互等，而 Component是较高层次的抽象，每一个组件在渲染render的 时候，都会依次通过Element、DOM来生成最终的页面效果。( 通常使用Ext.getCmp获 得Component对象 )