Question

我的问题是我有一个div，我希望通过javascript函数使其隐藏，这很容易，看起来像很多人会做的事情，而且我已经彻底研究了它，但它没有'似乎工作。这是我的代码（大大简化为只显示问题）原谅可怜的HTML格式，我这样做是为了让网站不要以为我试图发布一个链接。

function HideDiv()  
{   
   var elem = Document.getElementById('divID');  
   elem.style.display = "none";  
   elem.style.visibility = "hidden";  
}

function buttonFunction()  
{

   var elem = Document.getElementById('buttonID'); 
   elem.src="a new url";

}

<div id="divID" style="background: url('a url') top center no-repeat " >
<center>
   <anchor onclick="buttonFunction" (a hyper reference here)="#">
   <img src="a url" vspace ="35" border = "0" id="buttonID">
   </anchor>
</center>
</div>

在div中使用这些锚点是否会阻止隐藏功能？我在div上显示和可见性的原因是我的理解是这些函数在firefox和IE之间的工作方式不同，所以我将两者都包括在内，以确保无论浏览器如何都能正常工作。我尝试在FF IE和Chrome中单独使用任一功能都没有结果，Div仍然可见。另外，如果可能的话，我希望锚也变得不可见。

谢谢，

汤姆

Answer 1

Document应为document。

我也不确定是否有<anchor>而不是<a>是您试图“让网站不要以为我试图发布链接”的一部分。（请参阅下面的David关于如何编写整个<a>的答案。）

这里可能没有显示，但我看不到调用HideDiv()的位置。

Answer 2

<a onclick="buttonFunction(); return false;" href="#">
   <img src="url" vspace ="35" border = "0" id="buttonID" />
</a>

Answer 3

jQuery使这很容易。

$（ “＃DIVID”）隐藏（）;

（还没试过，但我确定它接近正确的语法）

通过javascript隐藏div

3 个答案: