Paranoid - курс от Codeby Security School

Представляем вашему вниманию курс от команды codeby - "Комплекс мер по защите персональных данных, анонимности в интернете и не только" Подробнее ...


Получение значения дочернего HTML элемента

В одной из предыдущих статей мы рассмотрели, как получить значение HTML элемента, а сегодня хочу показать, как получить значение дочернего HTML элемента.

И так для начала работы нам понадобиться простая HTML страница, например:

Затем создадим новый проект типа Windows Forms Application и добавим на форму кнопку и control WebBrowser (wb), либо можно использовать класс WebBrowser.

Далее нам нужно загрузить HTML страницу, для этого сначала подписываемся на событие Button_Click, а затем в обработчике данного события добавляем следующий код:

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

В обработчике данного события размещаем код из любого ниже приведенного примера.

Работа с дочерними HTML элементами

На созданной нами странице содержится список, который имеет родительский элемент с тегом UL и три дочерних HTML элемента с тегом LI. Давайте рассмотрим несколько простых примеров работы с ними.


Codeby Security School от Сodeby

Мы запустили свою онлайн школу по информационной безопасности. Защита персональных данных, анонимность в сети интернет, настройка виртуальных машин, безопасная передача данных, анти форензика и еще много всего полезного в курсе Paranoid


Как получить значение первого дочернего элемента?

В первом примере получим значение первого дочернего HTML элемента содержащегося в списке.

Так как класс HtmlElementCollection содержит индексатор, то в приведенном выше примере вместо цикла, можно сразу же обратиться по индексу к первому элементу, например следующим образом:

Как получить значение дочернего элемента с атрибутом id?

Во втором примере получим значение второго дочернего HTML элемента с атрибутом id. О том, как найти элемент с атрибутом id я уже рассказывал ранее, поэтому сразу же переходим к решению задачи:

Как получить значение дочернего элемента с атрибутом class?

И последний на сегодня пример, в котором получим значение дочернего HTML элемента с атрибутом class. Опять же более подробно о том,
как найти элемент с атрибутом class можно прочитать, перейдя по ссылке, а чуть ниже приведено готовое решение:

На этом всё, если есть вопросы, то оставляйте их в комментариях.

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


Безопасная сделка с гарантом Сodeby

Гарант является доверенным посредником между Участниками при проведении сделки.​ Услуга сайта «Проведение сделок через Гаранта» предоставляется всем зарегистрированным пользователям codeby.net Подробнее ...