回到课程

树形菜单

重要程度: 5

创建一个点击可以显示/隐藏子节点的树形菜单:

要求:

  • 只能有一个事件处理程序(使用委托)。
  • 对节点标题以外(在空白处)的点击不会做任何处理。

打开一个任务沙箱。

解决方案分为两个部分。

  1. 将每个树节点的标题都包装到 <span> 中。然后我们可以在 :hover 上使用 CSS 样式,并精确地处理文本上的点击事件,因为 <span> 的宽度恰好是文本的宽度(与没有宽度不同)。
  2. tree 的根节点设置一个处理程序,来处理 <span> 标题上的点击事件。

使用沙箱打开解决方案。