document.getElementById("remember").visibility = "hidden"; 对复选框没有效果

Question

我无法使 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";

- Ben

Answer 1

你的代码存在两个问题：

• 属性应该叫做visibility而不是visiblity。
• 它不是元素本身的属性，而是其.style属性的属性。

修复很容易。只需简单地将此内容替换为：

document.getElementById("remember").visiblity

有了这个：

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

- ThiefMaster

---

非常感谢。 - Shreyas Sarvothama

Answer 2

这是 style 属性的作用:

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

- VisioN

Answer 3

你可以使用

style="display:none"

例子：

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

- DrWeather

---

display:none设置会永久地将该项从dom中移除，因此无法满足发布者切换开/关的要求。使用visibility是正确的处理方式。 - CodeMantle