如何使用javascript检查表是否可见？
首先，我将解释情况：如何使用javascript检查表是否可见？,javascript,visibility,Javascript,Visibility,首先，我将解释情况： 我只能在html的主体中编写，这是由于一些限制 我需要更换一个新的网站（档案） 问题是：菜单应该显示或隐藏点击部分。。。但事实并非如此 我对javascript不太了解，只懂一点python，正因为如此，我在代码方面遇到了一些问题，但我也不会学太多javascript，因为这对我来说可能只是一生中的一次 我不想添加jQuery代码 所以。。。我在中尝试了这段代码，（复制并粘贴，以便您也可以检查），但它没有按预期工作，菜单的功能不工作 <!DOCTYPE html>
<!DOCTYPE html><html><head></head><body><script>
function comandos()
{
var visibilidaddecomandos = document.getElementById("comandos").style.display;
if (visibilidaddecomandos == "hidden")
{
document.getElementById("comandos").style.visibility = "visible";
}
else if (visibilidaddecomandos == "visible")
{
document.getElementById("comandos").style.visibility = "hidden";
}
return false;
}
document.write('<style> #navcontainer { margin: 10px 0 0 30px; padding: 0; height: 20px; } #navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; } #navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; } #navcontainer ul li a { background: #fff; width: 78px; height: 18px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 0; margin: 0 0 5px 0; color: #666; text-decoration: none; display: block; text-align: center; font: normal 10px/18px verdana; } #navcontainer ul li a:hover { color: #6659A7; background: #eeeeee; } #navcontainer a:active { background: #c60; color: #fff; } #navcontainer li#active a { background: #c60; border: 1px solid #c60; color: #fff; } </style> <div id="navcontainer"> <ul> <li><a href="#" OnClick="comandos()"><span>Comandos</span></a></li><li><a href="#"><span>Estadisticas</span></a></li><li><a href="#"><span>Juegos</span></a></li><li><a href="#"><span>Sobre mi</span></a></li><li><a href="#"><span>Saelyth</span></a></li></ul> </div>');
document.write('<br><table id="global" style="background-color:#ffffff; width:460px; height:600px"><tr><td style="vertical-align:top"><table id="comandos" border="2" style="background-color:#000000; float:center"><tr><td><p style="color:red">Testing the ID table "comandos"</p></td></tr></table></td></tr></table>');
document.body.style.background="#66ffff url('http://images.wikia.com/xenosaga/images/8/86/KOSMOSWikiBG.jpg') no-repeat left top"
document.title = "¡My not working menu!";
window.stop();
</script>
</body></html>
函数comandos（）
{
var visibilidaddecodomandos=document.getElementById（“comandos”）.style.display；
如果（VisibilidDecodomandos==“隐藏”）
{
document.getElementById（“comandos”）.style.visibility=“可见”；
}
else if（VisibilidDecodomandos==“可见”）
{
document.getElementById（“comandos”）.style.visibility=“hidden”；
}
返回false；
}
document.write（“#navcontainer{margin:10px 0 0 30px；padding:0；height:20px；}#navcontainer ul{border:0；margin:0；padding:0；list style type:none；text align:center；}#navcontainer ul li{display:block；float:left；text align:center；padding:0；margin:0；}#navcontainer ul li a{背景：#fff；宽度：78px；高度：18px；边框顶部：1px实心#ddd；边框左侧：1px实心#ddd；边框底部：1px实心#ddd；边框右侧：1px实心#ddd；填充：0；边距：0 5px 0；颜色：666；文本装饰：无；显示：块；文本对齐：中心；字体：普通10px/18px verdana；}{color:{6659A7；background:{eeeeee；}导航容器a:活动的{background:{c60；color:{fff；}导航容器li}活动的a{background:{c60；边框：1px实心的#c60；color:{fff；}测试ID表“comandos”
”）；
document.body.style.background=“#66ffff url（'http://images.wikia.com/xenosaga/images/8/86/KOSMOSWikiBG.jpg“）不重复左上”
document.title=““我的不工作菜单！”；
window.stop（）；
希望这会有所帮助。尽管表格不是最佳做法。原因有多种。其中之一是在显示数据之前必须加载整个表格 迪夫是你最好的朋友 不管怎样，这是我相信你正在寻找的解决办法
function comandos()
{
var visibilidaddecomandos = document.getElementById("comandos").style.visibility;
if (visibilidaddecomandos == "hidden")
{
document.getElementById("comandos").style.visibility = "visible";
}
else if (visibilidaddecomandos == "visible")
{
document.getElementById("comandos").style.visibility = "hidden";
}
return false;
}
<table id="comandos" border="2" style="visibility:visible;background-color:#000000; float:center">
<table id="comandos" border="2" style="visibility:visible;background-color:#000000; float:center">