Javascript IE 7 DIV类名称更改问题

当我试图更改特定

DIV

的类名时，我在IE7中遇到了一个问题

基本上有两个类，一个是灰显按钮，另一个是普通按钮。这两个类都会根据某些条件进行切换。在IE7中，当我第一次尝试更改类名时，它会正确更改，但当我尝试切换回类名时，它会消失，并在我再次单击页面时返回

这似乎是一些渲染问题。我不明白为什么第一个类会正确地变为灰显状态，但是当切换条件改变时，它不能正常工作，因此按钮应该返回到正常状态，而变为不可见

IE 8+和firefox、chrome正在正确地呈现它。有什么想法吗

注意：mask类没有样式属性，只有一个名称标识符

CSS代码：

.darkClass
{
    background-color: rgb(241, 241, 241);
    filter:alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity:0.50; /* FireFox */
    z-index: 200;
    height: 100%;
    width: 100%;
    background-repeat:no-repeat;
    background-position:center;

    display: block;
}

JS代码：

if(flagButton==true) //toggle condition
{                          
    // this block shows the normal button    
    document.ChangePwdExpiredForm.submitHidden1.disabled=false;
    document.getElementById('changPwdsubmit').className='mask';
}
else
{                          
   // this block shows the greyedout 
   buttondocument.ChangePwdExpiredForm.submitHidden1.disabled=true;
   document.getElementById("changPwdsubmit").className="darkClass";
}

HTML代码：

<div class="button_login" id="button_login">
  <div class="mask" id="changPwdsubmit">
    <div class="imageButton2">
      <a href="javascript:submitMask1();" onclick="submitMask1();return false" class="loginButton2_right">
        <span >
          <bean:message key="button.transaction.continue"/>
        </span>
      </a>
    </div>
  </div>
</div>

那么引用的bean是什么？可能是

输入错误。。这里缺少parent
div
的结束标记。恐怕这个代码不足以解决问题，一切似乎都很好。您可以将一个工作示例保存到吗？引用bean作为按钮的文本值。是的，div似乎是打字错误。我会把代码放在js fiddle上。