一、單節點元素操作
對節點元素的操作是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 閱讀(724)
評論(0) 編輯 收藏 所屬分類:
ext