記得最早剛接觸網頁操作DOM元素的時候是做畢業設計的時候，用JQuery操作的。畢業工作后是從事C++方面的編程，兩年后，又重新解決了網頁編程，不過這次不是用JQuery了，用的是ExtJS。就我經驗來看，程序員是一個需要不斷學習的行業(這也是為什么周圍的同事很多都有白頭發的緣故吧)。

好了，今天這篇文章的主題是分享下我使用 ExtJS 操作 DOM 元素的一些經驗。
設置元素點擊處理函數的方法

復制代碼 代碼如下:

var elem = Ext.get('start');

elem.on('click', function(e, t) {
alert(t.id);
});

復制代碼 代碼如下:

var body = Ext.query('body')[0];
body.className = "myStyle";

復制代碼 代碼如下:

<span group='message_group'></span>
<span group='message_group'></span>

// 這樣多個同樣屬于 group 下的元素，可以通過此種方式獲取：
var elemMessageArray = Ext.select("span[group='message_group']");

var newCssObj = {};

if (isInfo) {
newCssObj["class"] = "info";
} else {
newCssObj["class"] = "error";
}

// 然后對每個元素重新設置css樣式就行了
elemMessageArray.each( function(el) {
el.set(newCssObj);
el.update(text);
el.show("display");
});

復制代碼 代碼如下:

Uncompleted = Ext.get('uncompleted');
elemUncompleted.setDisplayed(true);

復制代碼 代碼如下:

el.show("display");
el.hide("display");