98、HTML与JavaScript实战：节点树与可排序表格的创建

HTML与JavaScript实战：节点树与可排序表格的创建

1. 项目背景与目标

在网页开发中，我们常常需要处理文档节点和样式，以实现各种交互效果。本文将介绍两个项目案例，一个是创建文档节点树，另一个是设计可排序的统计表格。

1.1 案例一：创建文档节点树

Jorge Soto 拥有一个包含 JavaScript 教程、技巧和专业应用的网站 JSWorks。他正在进行一个关于文档节点创建和使用的多页教程，希望在描述文档节点树外观的网页中，展示基于文章内容的节点树，让访问者了解示例 HTML 片段的完整节点树结构。

1.2 案例二：设计可排序的统计表格

Walter Delacreaux 运营着一个体育统计博客和论坛 Sporting Abstract and Statistical Review。他希望在网站中添加可交互的统计表格，用户可以通过点击列标题对表格进行排序，还能切换不同球员类别的统计表格。

2. 案例一：创建文档节点树

2.1 准备工作

1. 使用文本编辑器打开 tutorial.14\case2 文件夹中的 nodestxt.htm 和 treetxt.js 文件。
2. 在注释部分输入你的姓名和日期，然后将文件分别保存为 nodes.htm 和 tree.js 。
3. 在 nodes.htm 文件中添加链接元素，连接到