理解页面设计器树形视图

DHTML应用程序设计器窗口包括两个部分—右边的详细窗格和左边的树形视图窗格。详细窗格显示将在浏览器中出现的HTML页面，使用该区域来绘制和操作页面外观。树形视图用于显示构成HTML页面的元素和它们与应用程序全部对象模型的关系。当第一次开始一个DHTML应用程序的工程时，树形视图中包含三个元素—Document、Body和一个段落或 <P> 标记。

在引用一个现成的HTML页面或在页面设计器中开始创建页面之后，树形视图显示HTML页面中每个标记的一个列表。这个列表包括页面上所有的可视元素，比如：按钮、文本、图象、复选框和选项框，以及一系列的标记，比如：用于粗体、斜体和下划线的文本格式化标记，有关诸如DIV与SPAN 的组织标记，以及其它的标记。

虽然在页面上的所有元素都显示在树形视图中，但只能对包含ID属性的元素编写代码。树形视图用粗体显示具有ID属性的元素。对每一个元素，页面设计器列出ID（如果存在的话）、元素的类型，以及在某些情况下列出元素内容的开头部分。如果一个元素没有一个ID，可以在“属性”窗口中给它指定一个。

树形视图提供了三个有价值的快捷方式：

• 当在树形视图中选择一个项目时，Visual Basic在详细窗格和“属性”窗口中突出显示适当的项目。通过它可以一目了然地确定树形视图和页面中元素的对应关系。注意这个工作也可以反过来：当在详细窗格或“属性”窗口中选择一个元素时，Visual Basic在树形视图中突出显示对应的元素并相应地滚动树形视图。
  
  
• 可以双击树形视图中的一个元素来打开该元素的“代码编辑”窗口，系统选择该元素的缺省事件。
  
  
• 对于在运行时没有可视用户界面的ActiveX控件（比如公用对话框控件），树形视图是在添加元素到页面之后可以选择和操作这些元素的唯一方法。

详细信息 关于如何使用元素IDs的详细信息，请参阅本章中的“使对象可编程”。