Ajax基础教程（5）- 5.3 使用DOM Inspector搜索节点

　　3　使用DOM Inspector搜索节点

　　在Mozilla Suite和Firefox浏览器中打包了一个DOM Inspector工具。如果利用DOM Inspector，则可以查看Web页面的结构化表示，甚至能搜索某些特定的节点，并自动更新DOM中的节点。在Firefox中，你可以通过Tools菜单项来访问DOM Inspector。要使用DOM Inspector来检查一个Web页面，需要在文本框中输入所需的URL，并点击Inspect框；或者也可以从File→Inspect a Window菜单选择一个窗口，这就会列出当前在浏览器中打开的Web页面（见图5-7）。

　　图5-7　DOM Inspector主窗口

　　DOM Inspector主窗口有3个窗格。左上窗格是Web页面DOM的一个层次结构视图。根元素往往是文档本身，Web页面中的每个节点都列在这个根元素下面。对于大多数Web页面，根节点几乎都是HTML。如果在结构化视图窗格中选择了一个节点，右上窗格会给出这个节点的详细信息。如果主窗口下部没有打开一个浏览器窗口，则可以选择View→Browser菜单项打开一个浏览器窗口。

DOM Inspector是一个功能强大的工具，利用这个工具，你可以快速地遍历给定Web页面的结构和视图，并修改Web页面DOM中的各个节点。通常，可以通过结构化视图中的菜单项手工地查找节点，也可以使用Search→Find Nodes菜单项来查找各个节点。利用这个搜索功能，你可以根据ID属性、标记名或属性名和值来查找节点（见图5-8）。