dw中如何使用DOM 面板？

1、依次选择“窗口”>“DOM”打开 DOM 面板。

2、切换至实时视图，并点击需要检查或编辑的元素。

· 选定元素的 HTML 标记在 DOM 面板中突出显示。 

· 所应用的选择器在 CSS Designer 中突出显示。

· 相关代码在代码视图中突出显示。

· 相关标签在标签选择器中（以蓝色）突出显示。

或者，可以在 DOM 面板中选择一个 HTML 元素。当单击 DOM 面板中的任何元素时：

· 实时视图滚动到相应的元素。

· 如果代码视图打开，则代码视图滚动到与该元素对应的代码。

· CSS Designer（选择器窗格）滚动到最接近的相应选择器（类似于在实时视图中单击元素）。

· 此标签在标签选择器中突出显示。

不同视图和 CSS Designer 之间的同步让您能够概览与选定元素相关联的 HTML 标记和样式。 

3、继续根据要求编辑该元素（HTML 或 CSS 编辑）。