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

Answer 1

你的代码有两个问题:

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

修复起来很容易。简单替换这个:

document.getElementById("remember").visiblity

用这个:

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