javascript - 尝试使用 "style.visibility"将 div 设置为在代码中可见

Question

我正在尝试显示此部分

<tr>
  <div id="contact" class="uniForm" style="visibility: hidden; display: none;">    
    <fieldset class="blockLabels">
      <legend style="font-size: 10pt;">Contacts</legend>
      <div class="ctrlHolder">
        <%= this.strContactInfo%>
      </div>
    </fieldset>
  </div>
</tr>

仅当满足此条件时:

if (iStatus == 2)
{
  lblAccessError2.Text = "Failure. ";
  Page.ClientScript.RegisterStartupScript(this.GetType(), "clientscript1", "document.getElementById('contact').style.visibility = 'visible';", true);                 
  ModalPopupExtender1.Show();           
}

Answer 1

在这一行

style="visibility: hidden; display: none;"你既有可见性也有不让显示的显示，但你只改变了可见性，所以 div 仍然保持隐藏状态。

我建议只使用其中之一，或者同时更改它们，visibility 为 visible，display 为 block。