javascript - div元素隐藏和显示

Question

我有一个隐藏的 div 元素。

<div class= "CTL" id="CTL" runat="server" style="display:none">
<p class ="divider">
CTL
    </p>
            <asp:Button ID="CTL_button" runat="server" Text="View CTL" 
            onclick="CTL_button_Click" />
</div>

我试图根据加载页面返回的 SQL 值使 div 元素显示或保持隐藏:-

   window.onload= function show_CTL() {
    if("<%=_CurrentUser.IsCTL%>" == "True"){
       document.getElementById('CTL').style.display ="block";
     }
     else{
         // document.getElementById('CTL').style.display ="none";
         }

但是无论返回的值如何，div 元素都会保持显示...

似乎只有循环的真正部分被执行......

Answer 1

使用display:none将div隐藏在第一位

<div class= "CTL" id="CTL" style="display:none" runat="server">
<p class ="divider">
CTL
    </p>
            <asp:Button ID="CTL_button" runat="server" Text="View CTL" 
            onclick="CTL_button_Click" />
</div>

然后你可以用它来显示它

   document.getElementById('CTL').style.display ="block";