同时显示两个表，这两个表通过对img进行ckicking而被隐藏

showing two tables concurrently that are hidden by ckicking on img

本文关键字：两个 进行 img ckicking 隐藏 显示      更新时间：2023-09-26

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

 <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>

不允许在同一网页中有多个具有相同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>

在单击处理程序中，您可以调用setTable两次，每个ID调用一次。在第二个表中，您更改ID

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

相关文章：