Получение имени 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.

результат

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

видео

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

Похожие темы

c# Создание веб-сервера (дополнение)... Создание веб-сервера на языке c# (дополнение) Данная статья является дополнением к предыдущей статье: как создать веб-сервер с помощью языка c#. В не...
C# WebBrowser. Часть 1: Получение и вывод данных... C# WebBrowser. Часть 1: Получение и вывод данных При создании одного из своих приложений мне потребовалось реализовать в нём возможность скачивать фа...
c# Создание веб-сервера с помощью класса HttpListe... Как создать веб-сервер с помощью класса HttpListener? В этой небольшой статье рассмотрим на простом примере, как создать веб-сервер с помощью языка c...
Как развернуть у себя на десктопе полноценный веб ... Хочу показать в этой статье как очень легко и без особых знаний развернуть у себя на десктопе полноценный веб сервер, для своих нужд. Очень подойдет...
Как получить исходный код страницы в c#?... Как получить исходный код страницы с помощью класса WebBrowser? В этой статье рассмотрим на простом примере, как получить исходный код страницы помощ...