1.Ext.get('') //使用缓存机制来获取Dom结点 ,返回的是Ext.element
先从Ext,cache里获取,如果没有再从页面时获取,如果页面也没有的话就返回null,如果页面有的话就放入Ext.cache中。
var test=Ext.get('test');
alert(test.dom.innerHTML);
2 . 享元模式Ext.fly('')
var d=Ext.fly('test');
d.dom.innerHTML='HELLO';
注意连续获取再改变值改变不了,所以只适合一次操作。
var d1Ext.fly('test2');
var d2=Ext.fly('test3');
d1.dom.innerHTML='HELLO';
d2.dom.innerHTML='HELLO';
3.Ext.getDom('test')//返回的是HTMLElement
var d1=Ext.getDom('test');
d1.innerHTML='WORLD';
最后比较下使用原则:
get方法比较消耗内存,尽量避免使用。
fly方法比较省内存,但是只能使用一次。
推荐使用getDom方法则
本文介绍了ExtJS中三种常见的DOM操作方式:Ext.get、Ext.fly和Ext.getDom的区别及适用场景。Ext.get适用于需要缓存DOM元素的情况,但消耗内存较多;Ext.fly方法更节省内存,适合进行一次性DOM操作;而Ext.getDom直接返回原生DOM节点,推荐在大多数情况下使用。
400

被折叠的 条评论
为什么被折叠?



