-1

编辑：感谢 Alexander 的建议，我已经稍微编辑了我的代码，但我仍然遇到 div 内容没有显示的问题，我查找了正确的关闭并且看不到其他地方，或者我是否需要在代码中的其他任何地方添加它. 我的更新问题是，我缺少什么才能使它起作用？谢谢

我有一个从查询生成的表，在这个表中有一个 div，我需要这个 div 来显示/隐藏 onclick，现在我有一个有效的显示/隐藏 javascript（如下所示），但这仅适用于 1 个 div。

我该如何修改它，以便从我的数据库（$id）生成的带有 id 的 div 都可以单独显示/隐藏？

javascript:

  <script language="javascript">
    function toggle(id) {
       var ele = document.getElementById(id);
       var text = document.getElementById(id);
                 if(ele.style.display == "block") {
                 ele.style.display = "none";
                 text.innerHTML = "show";
     }
     else {
        ele.style.display = "block";
        text.innerHTML = "hide";
     } 
     } 
     </script>

html:

    Info: <a id='$id' href='javascript:toggle(\"$id\");'>show</a>
          <div id='$id' style='display: none'></div>
4

1 回答 1

0

在您生成的 HTML 中，您可以将id值传递给您的toggle()函数，因此生成的 HTML 代码看起来像

Info: <a id='$id' href='javascript:toggle("$id");'>show</a>
      <div id='$id' style='display: none'></div>

javascript

function toggle(id) {
       var ele = document.getElementById(id);
       var text = document.getElementById(id);
                 if(ele.style.display == "block") {
                 ele.style.display = "none";
                 text.innerHTML = "show";
     }
     else {
        ele.style.display = "block";
        text.innerHTML = "hide";
     } 
}
于 2012-09-16T10:18:07.410 回答