Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 同时显示通过在img上单击隐藏的两个表_Javascript_Html - Fatal编程技术网

Javascript 同时显示通过在img上单击隐藏的两个表

Javascript 同时显示通过在img上单击隐藏的两个表,javascript,html,Javascript,Html,单击一个图像并显示两个表有什么解决方案吗 <script type="text/javascript"> function setTable(what){ if(document.getElementById(what).style.display=="none"){ document.getElementById(what).style.display="block"; } else if(document.getElementById(w

单击一个图像并显示两个表有什么解决方案吗

 <script type="text/javascript">
    function setTable(what){
    if(document.getElementById(what).style.display=="none"){
    document.getElementById(what).style.display="block";
    }
    else if(document.getElementById(what).style.display=="block"){
    document.getElementById(what).style.display="none";
    }
    }
    </script>

    <img src="../../images/p1.gif" onclick="setTable('table5');">
    <table id='table5' border="0" cellpadding="3" width="100%" style="display:none;">
    <tr>
    ......
    </tr>
    </table>
    <table id='table6' border="0" cellpadding="3" width="100%" style="display:none;">
    <tr>
    ......
    </tr>
    </table>

功能可设置(什么){
if(document.getElementById(what.style.display==“none”){
document.getElementById(what.style.display=“block”;
}
else if(document.getElementById(what.style.display==“block”){
document.getElementById(what.style.display=“无”;
}
}
......
......

不允许在同一网页中有多个具有相同ID的对象。给第二个表一个不同的id,然后分别显示它们

将代码更改为:

<script type="text/javascript">
    function setTable(what){
    if(document.getElementById(what).style.display=="none"){
    document.getElementById(what).style.display="block";
    }
    else if(document.getElementById(what).style.display=="block"){
    document.getElementById(what).style.display="none";
    }
    }
</script>

    <img src="../../images/p1.gif" onclick="setTable('table5'); setTable('table6');">
    <table id='table5' border="0" cellpadding="3" width="100%" style="display:none;">
    <tr>
    ......
    </tr>
    </table>
    <table id='table6' border="0" cellpadding="3" width="100%" style="display:none;">
    <tr>
    ......
    </tr>
    </table>

功能可设置(什么){
if(document.getElementById(what.style.display==“none”){
document.getElementById(what.style.display=“block”;
}
else if(document.getElementById(what.style.display==“block”){
document.getElementById(what.style.display=“无”;
}
}
......
......
在click处理程序中,您调用setTable两次-每个ID调用一次。 在第二个表中,更改ID


或者,您可以将两个表都放在一个div中,并隐藏/显示该div。

我只有一个映像,无法插入另一个映像。您必须记住,一个ID应该是唯一的。由于脚本不知道要处理哪个ID,因此最好使用类方法,JS通常会失败,并使用重复的ID。不幸的是,我知道的示例代码正在运行(现在是凌晨2:25),所以今天需要另一个程序员来帮助您。未来的一个小贴士,试着把你的句子分解,这样句子就不会太长了,这样我们就更容易理解如何帮助你了。祝你好运,朋友:-)投票否决我的人,如果先告诉我,我会很高兴,如果我不接受你的理由,那么投票否决我投票否决是非常糟糕的,因为用户将没有机会再问其他人question@Ryan谢谢你,我编辑过