Панель "Динамическая DOM" (HTML)
В Blend для Visual Studio панель Live DOM содержит структуру разрабатываемого приложения и позволяет выбирать элементы, стиль которых требуется настроить. Что более важно, представление Live DOM автоматически и динамически обновляется по мере изменения состояния приложения; обновляются также элементы, объявленные в разметке HTML, и элементы, создаваемые динамически.
Элементы на панели "Live DOM"
На панели Live DOM отображаются все элементы объектной модели документа (DOM). Каждый элемент отображается относительно узла документа html и других элементов в модели DOM. Каждый элемент обозначается своим идентификатором HTML (или именем элемента, если идентификатор не присвоен). Если элементу назначен один или несколько классов, то имя первого класса отображается более темным текстом после элемента.
Перед каждым элементом отображаются значки, указывающие, к какому типу относится этот элемент.
.png "b5-pnl-livedom")
.png "b5-icn-livedom-listview")
обозначает элемент управления ListView.
.png "b5-btn-livedom-appbar")
обозначает элемент управления AppBar.
.png "b5-icn-livedom-button")
обозначает элемент управления Button.
.png "b5-icn-livedom-rating")
обозначает элемент управления Review.
.png "b5-icn-livedom-element")
обозначает элемент HTML.
Структура документа может значительно изменяться во время выполнения обработчиками визуализации JavaScript и браузера. Примеры.
элементы могут добавляться и удаляться;
отношения между элементами могут изменяться;
могут создаваться новые классы, а существующие классы могут переименовываться;
могут изменяться значения атрибутов.
Если элемент был динамически изменен, то после элемента отображается один из следующих значков, указывающий, как был изменен элемент.
.png "b5-icn-livedom-parser")
обозначает элемент, созданный средством синтаксического анализа.
.png "b5-icn-livedom-dynamic")
обозначает элемент, созданный динамически.
.png "b5-icn-livedom-moved")
обозначает элемент, перемещенный динамически.
.png "Значок фрагмента Live DOM")
обозначает фрагмент HTML.
Видимость элементов
С помощью панели Live DOM можно изменять видимость элементов.
Щелкните Скрыть .png "4230580c-9c6b-4144-a3cc-1c68ea7b8cf9")
, чтобы отключить видимость элемента.
Щелкните Показать .png "aea22778-684f-4832-9cd2-7329cee0b699")
, чтобы включить видимость элемента.
См. также
Задачи
Представление связанных документов (HTML)
Основные понятия
Области рабочей области (приложения Магазина Windows)
Рабочая область приложения Blend (HTML)