Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
panelIconIdatlassian-info
panelIcon:info:
bgColor#E3FCEF

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

Оглавление

Expand
titleНажмите здесь, чтобы развернуть оглавление
Table of Contents
minLevel1
maxLevel7
exclude^Оглавление$

Описание

При работе с HTML-кодом страницы, в зависимости от тега, элемент имеет свои атрибуты, которые помогают анализировать или идентифицировать объект, для последующей работы с ним.

При анализе исходного кода, не редко встречаются (на первый взгляд) одинаковые элементы, что может дать некорректный результат при работе с данными. Воспользовавшись окном Свойства элемента, можно детально изучить объекты, а именно их атрибуты (свойства)

Image Added

Как работать с окном?

Включение окна

Чтобы его включить надо кликнуть в верхнем меню по пункту Окно и выбрать пункт Свойства элемента:

Image Added

Отображение информации по нужному элементу

Есть несколько способов как отобразить информацию в этом окне по интересующему Вас элементу

Вкладка “Свойства”

Image Added

Эта вкладка открыта по умолчанию.

На ней отображаются атрибуты выбранного HTML элемента.

Вкладка “События”

Image Added

На данной вкладке отображаются привязанные к этому элементу JavaScript события.

ВАЖНО! Событие отобразится тут только в том случае, если оно явно указано как атрибут в HTML коде анализируемого элемента:

Image Added

Кнопка “Показать пустые поля”

Image Added

При включении, во вкладках “Свойства” и “События”, дополнительно будут отображены пустые атрибуты\события.

До включения

Image Added

После включения

Image Added

Кнопка “Обновить поля“

Image Added

С помощью данной кнопки можно обновить значения атрибутов элемента


Полезные ссылки