通过javascript隐藏div

0 html javascript

我的问题是我有一个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>
Run Code Online (Sandbox Code Playgroud)

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

谢谢,

汤姆

Dav*_*ang 5

Document应该是document.

我也不能肯定是否有<anchor>代替的<a>是你的企图"从思想,我试图张贴链接保留网站"的一部分.(请参阅下面的David的答案,了解整个<a>应该如何写.)

它可能没有在这里显示,但我看不到HideDiv()从哪里调用.