web-dev-qa-db-fra.com

document.getElementById ("Remember"). Visibility = "hidden"; ne fonctionne pas sur une case à cocher

Je n'arrive pas à faire fonctionner les propriétés visibility ou display.

Voici le pied de page 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>

Voici la fonction .js avec la partie visibilité ne fonctionnant pas:

function showData()
{


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


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

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

Cette ligne ne semble rien faire:

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

Il y a deux problèmes dans votre code:

  • La propriété s'appelle visibility et non visiblity.
  • Ce n'est pas une propriété de l'élément lui-même mais de sa propriété .style.

C'est facile à réparer. Simple remplacer ceci:

document.getElementById("remember").visiblity

avec ça:

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

C'est le travail pour la propriété style:

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

vous pouvez utiliser 

style="display:none"

Ex:

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