2012-12-23 55 views
8

我無法獲得visibilitydisplay屬性的工作。document.getElementById(「remember」)。visibility =「hidden」;不在複選框上工作

下面是HTML頁腳:

<div id="footer"> 
    &copy; 
    <strong id="foot" onmouseover="showData();" onmouseout = "hideData()"> 
    Exquisite Taste 2012 
    </strong> 
    <input type='checkbox' id="remember" onclick='editCookie()' style="visibility:hidden;" /> 
</div> 

這裏是.js文件功能與可視性部分不工作:

function showData() 
{ 


    document.getElementById("remember").visiblity="visible"; 


    document.getElementById("foot").innerHTML = getDate() + " " + getTime(); 

    if(cookieValue()) 
    { 
    document.getElementById("remember").checked = true; 
    } 
} 

這一行似乎並沒有做任何事情:

document.getElementById("remember").visiblity="visible"; 

回答

24

有在你的代碼的兩個問題:

  • 該屬性稱爲visibility而不是visiblity
  • 它不是元素本身的屬性,而是其.style屬性。

這很容易修復。簡單替換此:

document.getElementById("remember").visiblity 

與此:

document.getElementById("remember").style.visibility 
+0

非常感謝您的詳細回覆。我沒有看到我的拼寫錯誤! – Ben

9

這是style的工作屬性:

document.getElementById("remember").style.visibility = "visible"; 
+0

嗯,我想這也和它沒有當我嘗試它時,工作,但當然現在它。非常感謝! – Ben

+1

您可能仍然有拼寫錯誤 – ThiefMaster

0

可以使用

style="display:none" 

例:

<asp:TextBox ID="txbProv" runat="server" style="display:none"></asp:TextBox>