一、单节点元素操作
对节点元素的操作是ExtJS的核心内容，大部分的Java操作都需要获取页面上某个节点元素，传统的Java方法，是通过ID来获得DOM节点的，例如我们的页面上有一个id值为content的DIV节点，我们想获得这个节点元素，用以下代码来获得：
var content = getElementById('content');
而在ExtJS中，类似prototype中的$()方法，ExtJS拥有Ext.get()方法，可以使用
var content = Ext.get('content')
看起来这并没有太大的优势，但是通过Ext.get返回的节点元素，将自动拥有快捷的、统一的、跨浏览器的接口，直接支持Cache，使多次访问同一节点元素的时候更加高效，并且直接使元素支持一些常用特效，例如：高亮，拖拽等。
例如以下的HTML代码与js代码：
<body id="content">
hi
</body>
Ext.onReady(() {
Ext.get('content').highlight();
});
当页面加载完毕之后，他将使整个页面刷下变黄，然后又褪掉了。
二、多节点元素操作
ExtJS还支持一种使用Ext.select方法的多节点元素的操作，他将返回多个节点元素，与Ext.get方法一样，Ext.select方法返回的节点元素同样拥有那些Ext.get返回的节点元素所拥有的那些特性。
例如这样的HTML与js代码：
<body id="content">
<p>
段落1
</p>
<div>
字符2
</div>
<p>
段落3
</p>
</body>
Ext.onReady(() {
Ext.select('p').highlight();
});
当页面加载完毕之后，只有段落1和段落3变黄，然后又褪掉了。
posted on 2008-06-12 17:55
caihaibo 阅读(709)
评论(0) 编辑 收藏 所属分类:
ext