ExtJs 实现点击修改DOM样式 增删clssName

实现效果图如下：

如图，就是实现点击之后给对象添加一个样式（add一个className），同事删除其它对象的这个类名（通过className查找对象，再remove这个className）。

实现难点如下：

1、如何通过className遍历对象

可参考:  ExtJs 获取Dom对象

2、如何用ExtJs进行DOM操作

可参考:ExtJs中如何实现点击之后修改类名（class）

实现代码如下：

<pre name="code" class="javascript"> clickFn:function(){ for (var i = 0; i < Ext.select(".interviewMenuListItemSelected").elements.length; i++) { var selectedId = Ext.select(".interviewMenuListItemSelected").elements[i].id; var selectedCmp = Ext.getCmp(selectedId); selectedCmp.removeClass("interviewMenuListItemSelected"); }; this.addClass("interviewMenuListItemSelected"); alert("nothing"); }

补充：

用jQuery实现更方便！遍历+移除样式一步解决！

$(".interviewMenuListItemSelected").removeClass("interviewMenuListItemSelected");

this.addClass("interviewMenuListItemSelected");

转载于:https://www.cnblogs.com/fifteen718/p/9533938.html