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

Пожалуйста, ознакомьтесь с Правилами использования материалов на данном ресурсе.

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

---

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

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

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

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

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

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

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

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

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