document.getElementById ("remember"). Visibility = "hidden"; non funziona su una casella di controllo

Question

Non riesco a far funzionare le proprietà visibility o display.

Ecco il piè di pagina 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> 

Ecco la funzione js con la parte di visibilità che non funziona:

function showData() 
{ 


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


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

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

che una linea non sembra di fare nulla:

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

Answer 1

ci sono due problemi nel codice:

• La proprietà è chiamato visibility e non visiblity.
• Non è una proprietà dell'elemento stesso ma della sua proprietà .style.

È facile da risolvere. Semplice sostituire questo:

document.getElementById("remember").visiblity 

con questo:

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

Answer 2

Questo è il lavoro per style proprietà:

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

Answer 3

è possibile utilizzare

style="display:none" 

Es:

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