第12章 走近DOM—构造导航列表.ppt

第12章 走近DOM—构造导航列表 上一章讲述了如何使用JavaScript控制页面的样式表现。页面的样式按使用方式来说分为内联样式、内嵌样式块和外部样式表，JavaScript对其有着不同的操作方式。通过控制页面样式，可以实现很多有趣的效果。然而对样式的控制只能实现页面外在表现的变化，还不足以满足某些复杂的设计需求，例如对页面内容、元素顺序等的控制。本章将讲述HTML的文档对象模型，提高对页面元素结构本质的理解，实现更加强大的页面控制。 12.1 示例：可自定义的导航列表 代码12-1.htm是一个用户自定义设置界面，可实现导航列表的自定义，让用户可以自己选择需要显示的导航项目和顺序。由于代码很长，下面分段解释，完整的代码可以在本书的光盘中获取。 12.2 DOM—文档对象模型 文档对象模型—DOM（“Document Object Model”）是用于HTML和XML文档的应用程序接口（“API”）。DOM提供了结构化的文档表现形式，允许程序修改文档的内容和视觉表现。本质上，其把网页和脚本或编程语言连接了起来。 12.2.1 DOM结构简述 在编写HTML页面的时候，读者可能注意到HTML文档的源文件中，标记采用的是树状的结构。最顶层（或者说是最底层，取决于各人理解的方向，