ExtJS DOM元素操作经验分享

记得最早刚接触网页操作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");