树形菜单基础

最新推荐文章于 2026-01-23 10:31:57 发布

原创最新推荐文章于 2026-01-23 10:31:57 发布 · 1.8k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #tree #border #function #table

#html

收录于

asp 专栏收录该内容

22 篇文章

订阅专栏

博客展示了一段使用JavaScript实现树形结构展开与收缩功能的代码。通过定义display1函数，根据子树的显示状态切换其显示与隐藏，并更换对应图标。代码中结合了HTML的表格元素，实现了简单的交互效果。

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看

<html>
<head>
<SCRIPT language="JavaScript">
function display1(Q_subtree,Q_img){

if (Q_subtree.style.display=="none"){
       Q_subtree.style.display="";
     Q_img.src="tree_collapse.gif";
    }
else
      {
       Q_subtree.style.display="none";
       Q_img.src="tree_expand.gif";
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>