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

你能在walmart.com的页面中使用js选择尺码吗 我试过几次，但没有效果。 像这个：

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

在我执行上述代码后，没有发生任何事情。 页面URL:

这个案子就像我在标题中提到的

更新：我犯了一个错误，它应该是大小而不是颜色，对不起

---

再次声明。

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

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();
})();

---

不知道你在问什么。你想在你的购物页面上选择不同颜色的商品吗？我急需写一本书，书名是这样的问题。@JaromandaX我只想用js选择一种颜色，但是没有任何努力，即使在显示颜色列表后，然后单击颜色项。但是如果我手动单击颜色项，它会起作用。这让我感到困惑：@connexo抱歉描述不清楚：不要误解我，我喜欢你的问题标题。它几乎是——不，它是诗。这绝对是你问题中最好的部分。嗨，我犯了一个错误，它应该是尺寸而不是颜色，很抱歉：