Ext 操作 DOM

本文介绍了ExtJS中三种常见的DOM操作方式:Ext.get、Ext.fly和Ext.getDom的区别及适用场景。Ext.get适用于需要缓存DOM元素的情况,但消耗内存较多;Ext.fly方法更节省内存,适合进行一次性DOM操作;而Ext.getDom直接返回原生DOM节点,推荐在大多数情况下使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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方法则

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值