当我使用js操作DOM时发生了一些奇怪的事情

Question

您是否可以在walmart.com的页面中使用js选择size？ 我尝试了一些次，但没有效果。 喜欢这个：

document.querySelector('.prod-ProductVariantType .chooser-option-current div').click();
document.querySelectorAll('.prod-ProductVariantType div.chooser-option-list div div')[1].click();

在执行上面的代码后，没有任何事情发生。 网页网址：https://www.walmart.com/ip/NEW-Laptop-Cart-Table-Desk-Height-Adjustable-Portable-with-Rolling-Wheels-SPTE/794250587

案件就像我在标题中提到的那样。

已更新：我犯了一个错误，它应该是size而不是color，抱歉  为此再次。

Answer 1

如果您运行此代码（它将选择其他颜色选项），则不会发生任何奇怪的事情：

const puppeteer = require('puppeteer');

(async () => {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto('https://www.walmart.com/ip/NEW-Laptop-Cart-Table-Desk-Height-Adjustable-Portable-with-Rolling-Wheels-SPTE/794250587');

    await page.click('.prod-ProductVariantSwatch > div > div:nth-child(1) > label > span');

    await page.screenshot({ path: 'image.png' });
    await browser.close();
})();