DOM 之旅.docVIP

DOM 之旅46: DOM 之旅 作者 Mike West · 2009年2月3日 上一篇文章— JavaScript 中的对象 下一篇文章—创建和修改 HTML 目录 引言 在网上很难找得到不与 HTML 有任何形式的交互的实用 JavaScript 代码示例。一般而言，我们的代码需要从页面上读取数据，以某种方式处理这些数据，然后以可见的页面变化或通知信息的形式生成输出结果。为了给页面和应用程序创建反应灵敏的界面，本文和下一篇文章引入了文档对象模型( Document Object Model)，该模型提供了对我们所创建的语义性和表象性层进行检查与操作的机制。 学完本文后，你就能对什么是 DOM 有深刻的理解，本文还会教你如何用 DOM 来遍历 HTML 页面，以定位要获取数据或进行改动的位置。本系列教程的下一篇文章（创建和修改 HTML ）着重讲述我们该如何操作页面上的数据，修改数值或创建全新的元素和属性。 本文结构如下： 播种 生长 节点 从一个分枝到另一个分枝 直接访问 总结 练习题 播种 正如你可能会根据文档对象模型这个名字推断出来的那样， DOM 是一种在加载 Web 页面时由浏览器创建的 HTML 文档模型。 JavaScript 可以访问这个模型中的所有信息。现在我们稍稍回顾一下，想想我们到底对什么建模。 当创建一个页面的时候，我的目标是通过将原