document.getElementById("remember").visibility = "hidden";不在复选框上工作答案

【问题标题】：document.getElementById("remember").visibility = "hidden"; not working on a checkboxdocument.getElementById("remember").visibility = "hidden";不在复选框上工作
【发布时间】：2012-12-10 01:35:16
【问题描述】：

我无法让visibility 或display 属性工作。

这是 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";

【问题讨论】：

标签： javascript visibility

【解决方案1】：

你的代码有两个问题：

该属性名为visibility，而不是visiblity。
它不是元素本身的属性，而是它的.style 属性。

很容易解决。简单替换这个：

document.getElementById("remember").visiblity

用这个：

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

【讨论】：

非常感谢

【解决方案2】：

这是style 属性的工作：

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

【讨论】：

【解决方案3】：

你可以使用

style="display:none"

例如：

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

【讨论】：

display:none 设置从 dom 中永久删除该项目，因此无法满足发布者打开/关闭的要求。 visibility 是处理这个问题的正确方法。