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

Answer 1

您的代码中存在两个问题：

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

很容易修复。简单地替换这个：

document.getElementById("remember").visiblity

用这个：

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

Answer 2

这是style属性的作业：

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

Answer 3

你可以使用

style="display:none"

例如：

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

document.getElementById（“remember”）。visibility =“hidden”;不在复选框上工作

3 个答案: