Перейти к основному содержимому

Работа с элементами веб-страниц

🔗 Оригинальная страница — Источник данного материала


Дерево элементов

Когда не удаётся подобраться к нужному элементу с помощью Конструктора действий, можно открыть Окно дерева элементов и попробовать найти элемент там.

В данном окне элементы имеют древовидную структуру.

image-20210228-152554

Используя визуальное расположение элементов в дереве, вы можете найти близлежащие и вложенные элементы. Правым кликом мыши на элементе в дереве можно отправить его данные сразу в конструктор.

Фильтр позволяет выделить только те HTML-элементы, которые вас интересуют:

image-20210228-154725


Свойства элемента

Выделяя тот или иной элемент в дереве можно сразу посмотреть его свойства в соответствующем окне. При этом он будет подсвечен рамкой в браузере.

image-20210228-154915

Эти свойства можно использовать в Конструкторе действий для создания экшенов.

При активации режима Следовать за курсором свойства элемента и его позиция в дереве обновляются в режиме реального времени.