JavaScript 简单树型

最新推荐文章于 2024-04-27 10:03:26 发布

你猜猜看！

最新推荐文章于 2024-04-27 10:03:26 发布

阅读量499

点赞数

分类专栏： javascript 文章标签： javascript tree function div

本文链接：https://blog.youkuaiyun.com/yangjun07167/article/details/5609680

版权

javascript 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的网页折叠菜单功能。通过简单的HTML结构配合内联JavaScript代码，实现了点击链接展示或隐藏相关内容区块的效果。文章展示了如何通过修改元素的样式属性来控制内容的显示与隐藏，并使用PHP生成了动态内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
  <script type="text/javascript">
   function tree(treethis){
    if (treethis.alt == "+"){
     treethis.alt = "-";
     document.getElementById("bench").style.display="block";
    }else
    {
     treethis.alt = "+";
     document.getElementById("bench").style.display="none";
    }
   }
  </script>
</head>
<body>
  <a href="javascript:void(0)" style ="text-decoration:none;color:red" οnclick="tree(this);" alt="+">aaaa</a>
  <span id="bench" style="display:none;margin-left:19px;">
   <?php
    $tree_bentch = array("aaa","bbb","ccc");
    for ($i=0;$i<count($tree_bentch);$i++){
     echo "<div>";
     echo "<a href=/"http://www.baidu.com/">$tree_bentch[$i]</a>";
     echo "</div>";
    }
   ?>
  </span>
</body>
</html>