Получение имени html элемента при наведении мышки

Сегодня я хочу показать на простом примере, как получить имя html элемента при наведении мышкой в окне компонента WebBrowser.

И так для начала я создам простую html страничку.

html страница

 

Затем создам Windows Forms приложение, после чего добавлю на форму два элемента управления: WebBrowser (wb) и label.

компонент webBrowser

Ну а теперь переходим к написанию кода.

Для начала нам нужно загрузить страницу в WebBrowser, например это можно сделать, с помощью метода Navigate, который в данном примере будет автоматически выполняться с помощью события Form.Load

Затем необходимо дождаться полной загрузки страницы в браузере, для этого мы воспользуемся событием DocumentCompleted.

После этого подписываемся на событие MouseOver, с помощью которого мы будет отлавливать наведение мышки на html элемент.

В обработчике данного события помещаем следующий фрагмент кода:

С помощью свойства ToElement мы получаем html элемент, на который наведена мышка.

Запускаем приложение (F5 или Ctrl+F5) и после того как страница загрузилась, начинаем наводить мышку на любые элементы на странице.

теги

В результате мы получаем имена тегов, которые принадлежат выбранным элементам.

Как получить имя html элемента?

Имя html элемента — это значение, которое содержится внутри атрибута name. Например, данный атрибут есть у элемента параграф, который сейчас расположен на нашей странице.

атрибут name

Если вам необходимо получить данное значение, то вместо TagName указываем свойство Name.

результат

имя html элемента

Как получить содержимое html элемента?

Содержимое html элемента получить так же просто, как и все предыдущие значения, для этого всего лишь нужно воспользоваться свойством InnerText.

результат

содержимое элемента

видео

Читайте также:

Похожие темы

Как развернуть у себя на десктопе полноценный веб ... Хочу показать в этой статье как очень легко и без особых знаний развернуть у себя на десктопе полноценный веб сервер, для своих нужд. Очень подойдет...
HTML Injection — Web Application Pentesting https://codeby.net/forum/threads/web-application-pentesting-html-injection.59031/ Сегодня мы с вами начнем осваивать базовые понятие инъекция код...
Как защитить сайт? Лучшие Способы Бесплатно... Поскольку не существует никакого смысла ставить программное обеспечение такое как Анти вирус и даже если захотеть то они очень дорогие, люди просто сч...
Базовые операции с html атрибутами в классе WebBro... WebBrowser работа с html атрибутами В этой статье хотелось бы показать несколько простых операций с HTML атрибутами, которые можно выполнить с помощь...
Как работать с классом WebBrowser?... Пример работы с классом WebBrowser В комментариях многие просят показать или рассказать, как работать с классом webBrowser, а не с одноимённым элемен...