2012-12-23 13 views
8

Ich kann nicht die visibility oder display Eigenschaften zu arbeiten. Hierdocument.getElementById ("erinnern"). Visibility = "hidden"; funktioniert nicht auf einem Kontrollkästchen

ist die HTML-Fußzeile:

<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> 

Hier ist die Js-Funktion mit der Sichtbarkeit Teil nicht funktioniert:

function showData() 
{ 


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


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

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

Dass eine Zeile nicht, etwas zu tun scheint:

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

Antwort

24

Es gibt zwei Probleme im Code:

  • Die Eigenschaft visibility und nicht visiblity genannt wird.
  • Es ist keine Eigenschaft des Elements selbst, sondern seine .style Eigenschaft.

Es ist einfach zu beheben. Einfach ersetzen diese:

document.getElementById("remember").visiblity 

mit diesem:

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

Vielen Dank für die ausführliche Antwort. Ich habe dort meinen Rechtschreibfehler nicht gesehen! – Ben

9

Dies ist der Job für style Eigentum:

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

Hmm, habe ich versucht, das auch und es hat nicht arbeite, als ich es versuchte, aber natürlich tut es jetzt. Danke vielmals! – Ben

+1

Sie hatten wahrscheinlich immer noch die falsche Schreibweise – ThiefMaster

0

Sie

style="display:none" 

Ex verwenden:

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