Как найти элементы-потомки выбранного элемента или ElementHandle?

Question

В других средах автоматизации браузера, как правило, существует метод «найти», который позволяет пользователю найти все потомки данного элемента, которые соответствуют селектору, например:

https://www.w3schools.com/jquery/jquery_traversing_descendants.asp

$(document).ready(function(){
   $("div").find("span");
});

Вышеуказанный метод возвращает все элементы, которые соответствуют span по убыванию с заданного div.

Если у меня есть ElementHandle, могу ли я найти всех иждивенцев, которые соответствуют заданному селектору, с помощью кукловода?

Answer 1

Да, вы можете использовать функцию elementHandle.$.Цитата из документов:

Метод работает на странице element.querySelector.Если ни один элемент не соответствует селектору, возвращаемое значение разрешается в null.

Пример кода:

const elementHandle = await page.$('div');
const elementInsideHandle = await elementHandle.$('span');

Если вы хотите запросить несколько элементовесть также функция $$ для запуска element.querySelectorAll внутри страницы.