javascript - Puppeteer - 如何选择带有类名的 div 内的 A 标签

Question

我正在尝试查找类名中包含 A 标记的所有元素

我需要点击每个元素，但我很难知道如何点击

html:

<li class="item-sku-image">
    <a data-role="sku" data-sku-id="10" id="sku-1-10" title="Not print pants 1"
        href="javascript:;" data-spm-anchor-id="2114.10010108.1000016.9">
        <img
            src="https://ae01.alicdn.com/kf/HTB1sV2wMNYaK1RjSZFnq6y80pXam/2019-Naruto-Hoodies-Sweatshirts-Uchiha-Syaringan-Hooded-Boys-Fashion-Hokage-Ninjia-Men-women-Classic-Cartoon-printed.jpg_50x50.jpg"
            title="Not print pants 1"
            bigpic="https://ae01.alicdn.com/kf/HTB1sV2wMNYaK1RjSZFnq6y80pXam/2019-Naruto-Hoodies-Sweatshirts-Uchiha-Syaringan-Hooded-Boys-Fashion-Hokage-Ninjia-Men-women-Classic-Cartoon-printed.jpg_640x640.jpg"
            data-spm-anchor-id="2114.10010108.1000016.i7.46dd1b78TiKxz6"></a>
        </li>

到目前为止我的 puppeteer 代码:

await page.evaluate(async () => {
    let elements = document.getElementsByClassName('.item-sku-image');
    console.log(elements)
});

我尝试了 stackoverflow 问题区中的一些其他操作，但似乎没有任何效果。

我的核心目的是单击一个链接(标签)，然后在页面上保存一些元素，然后单击下一个链接

Answer 1

let elements = document.querySelectorAll(".item-sku-image a");