class里面定义的display属性无法通过js改变

class里面定义的display属性无法通过js改变，非常郁闷的问题，以前遇到过一次，这次有忘记了，调试了n久才想起来。

自己在元素上定义style="display:none" 用js可以动态改变，但是如果把display属性定义到class里面就不行了。

同时定义也不行，如：<div id="note_list_div" class="note_list_div" style="display:none;"></div>

.note_list_div{display:none;width:100%;clear:both;}

 

按照标准应该是元素上的style优先级高于class的，在js控制的时候就不起作用了，浏览器不按标准行事经常出现非常理的bug真是郁闷啊。