Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of contents

Expand
titleClick here to expand the table of contents
Table of Contents
minLevel1
maxLevel7
exclude^Оглавление$

Description

When working with the HTML code of a page, depending on the tag, the element has its own attributes that help to analyze or identify the object for further work with it.

When analyzing the source code, quite often there are (at first glance) the same elements, which can give an incorrect result when working with data. Using the Element Properties window, you can study objects in detail, namely their attributes (properties)

Image RemovedImage Added

How to work with a window?

Turn on the window

To enable it, click on the Window item in the top menu and select the Element Properties item :

Image RemovedImage Added

Displaying information for the desired item

There are several ways how to display information in this window on the element of interest.

“Properties” Tab

Image RemovedImage Added

This tab is open by default.

It displays the attributes of the selected HTML element.

“Events” tab

Image RemovedImage Added

This tab displays JavaScript events bound to this element.
IMPORTANT! The event will be displayed here only if it is explicitly specified as an attribute in the HTML code of the parsed element:

“Show empty fields” button

Image RemovedImage Added

When enabled, in the “Properties” and “Events” tabs, additional empty attributes\events will be displayed.

Before turning on

Image RemovedImage Added

After turning on

Image RemovedImage Added

“Update Values” button

Image RemovedImage Added

Using this button, you can update the attribute values of the element