技术要点
在基本原理的介绍中，了解到通过在父节点内动态创建子节点，并利用样式表缩进完成树形列表的基本框架。除了这一点外，还有下面一些问题需要考虑。
1．将父节点所有的子节点放入一个容器中
基本原理页面中仅包含了创建子节点的功能，不可以将创建好的节点再进行关闭操作。实际应用中菜单总是包含打开和关闭两种操作。为了方便进行关闭操作，将子节点放入一个容器中，在关闭时只需要设置容器的显示属性即可。
2．节点开关的具体实现
每个父节点的所有子节点放入容器中后，在单击父节点时判断子节点容器的显示状态。如果当前为打开状态，则将其关闭，反之则将其打开。具体使用的方法是调用节点的style.display属性进行判断，关闭时的状态为none，非none时表示打开。为了清晰地表示父节点的打开或关闭状态，使用“＋”和“－”字符进行标识。
3．节点分为目录节点和非目录节点
目录节点下可包含子节点，非目录节点也可称为叶子节点，即该节点不包含子节点。在本例中对这两种节点进行区别对待。单击目录节点将对其子节点进行展开或关闭操作。单击非目录节点将链接到新的页面（目前暂时将新页面地址弹出，在实际应用中可进行修改）。
1，新建一名为login.htm的静态网页文件，作为登录页面，如图
body标签代码
<body onkeydown ="enterLogin()"> <!--添加按下键盘事件-->
<div style="text-align: center" mce_style="text-align: center">
<table border="1" cellpadding="1">
<tr>
<td align="center" s ......
树形列表（菜单）在Web应用中十分常见，通常应用于目录式结构，例如产品分类、部门机构等。传统的树形菜单主要有两种加载方式：一种是一次性加载全部数据，另一种是根据用户操作逐步加载数据，但是需要刷新页面。前者加载速度较慢，并且存在大量数据没有被使用的浪费情形。后者可以逐步加载，但是频繁地刷新页面在给用户带� ......
