Ajax实战：使用JavaScript操作DOM

Ajax实战：使用JavaScript操作DOM2011-09-06希赛网在任何应用中，我们都需要在用户的使用过程中改变用户界面，为用户执行的操作和完成的进度提供反馈。这些反馈包括修改单个元素的标签或颜色、弹出临时的对话框、使用一组全新的UI组件替换大部分的屏幕内容等等。到目前为止，最常见的方式就是，通过提供给浏览器一段声明式的HTML来构造DOM树（换句话说，也就是编写HTML页面）。

我们在代码清单2-2和图2-3中显示的文档有点太大和太复杂了，还是从小的步骤开始做DOM操作吧。假设我们要向用户显示友好的问候。当页面第一次加载的时候，我们并不知道他的名字，因此想要在稍后修改页面的结构，以添加上用户的名字，通过以编程方式操作DOM节点可以做这件事。代码清单2-3展示了这个简单页面初始的HTML标记。

代码清单2-3 Ajax的“hello”页面

我们添加了两个到外部资源的引用：CSS

和包含JavaScript代码的文件

。我们还声明了带ID的空

元素，以后可以通过编程方式向其中添加更多的元素。

我们来看一下链接到的资源。通过修改字体和颜色，样式表为区分清单中不同类别的条目定义了一些简单的样式（代码清单2-4）。