通过javascript隐藏div
我的问题是我有一个div,我想通过一个javascript函数使它不可见,虽然很简单,但似乎很多人都会这么做,我已经对它进行了彻底的研究,但它似乎不起作用。这是我的代码(大大简化,只是为了显示问题)请原谅糟糕的HTML格式,我这样做是为了防止网站认为我是在发布链接通过javascript隐藏div,javascript,html,Javascript,Html,我的问题是我有一个div,我想通过一个javascript函数使它不可见,虽然很简单,但似乎很多人都会这么做,我已经对它进行了彻底的研究,但它似乎不起作用。这是我的代码(大大简化,只是为了显示问题)请原谅糟糕的HTML格式,我这样做是为了防止网站认为我是在发布链接 function HideDiv() { var elem = Document.getElementById('divID'); elem.style.display = "none"; elem
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>
函数HideDiv()
{
var elem=Document.getElementById('divID');
elem.style.display=“无”;
elem.style.visibility=“隐藏”;
}
函数按钮函数()
{
var elem=Document.getElementById('buttonID');
elem.src=“一个新的url”;
}
在div中使用这些锚是否会阻止隐藏功能?我之所以在div上同时具有显示和可见性,是因为我的理解是,这些功能在firefox和IE之间的工作方式不同,所以我将这两种功能都包括在内,以确保无论浏览器如何,这两种功能都能正常工作。我曾尝试在FF IE和Chrome中单独使用这两个函数,但没有结果,Div仍然可见。此外,如果可能的话,我希望锚也变得不可见
谢谢
汤姆
文件
应该是文件
我也不确定用
代替
是否是你试图“阻止网站认为我试图发布链接”的一部分。(关于整个
应该如何编写,请参见下面David的回答。)
这里可能没有显示它,但我看不到从哪里调用
HideDiv()
。Document
应该是Document
<a onclick="buttonFunction(); return false;" href="#">
<img src="url" vspace ="35" border = "0" id="buttonID" />
</a>
我也不确定用
代替
是否是你试图“阻止网站认为我试图发布链接”的一部分。(关于整个
应该如何编写,请参见下面David的回答。)
这里可能没有显示它,但我看不到从何处调用HideDiv()
。
<a onclick="buttonFunction(); return false;" href="#">
<img src="url" vspace ="35" border = "0" id="buttonID" />
</a>
jQuery让这变得很容易 $(“#divId”).hide()
(我还没有尝试过这个,但我确信它的语法接近正确)jQuery使这变得简单 $(“#divId”).hide()
(还没有尝试过这个,但我确信它接近正确的语法)Box是正确的。”Document很可能是类-'Document'是页面上该类的一个实例,技术上它是'window'的一个属性,所以-window.Document.getElementByID()基本上是一样的。哇,这就是我做错的,谈论一个愚蠢的错误,快速回答,我很谦卑。谢谢你们,盒子是对的Document很可能是类-'Document'是页面上该类的一个实例,技术上它是'window'的一个属性,所以-window.Document.getElementByID()基本上是一样的。哇,这就是我做错的,谈论一个愚蠢的错误,快速回答,我很谦卑。谢谢大家。
elem.style.display=“无”代码>也很简单。elem.style.display=“无”代码>也很简单。我希望标签是“原谅可怜的HTML”部分的一部分…我希望标签是“原谅可怜的HTML”部分的一部分。。。