如何使用 Puppeteer 更改同名输入的值？

Question

所以有一种输入是这样的形式

<input class="input _ngcontent-EXCHANGE-32" focusableelement="" aria-invalid="false" aria-labelledby="930C5093-F4DD-4A01-BD2E-96F2873C8559--0" aria-disabled="false" tabindex="0" type="money64">

所以有两个像上面这样的输入。我想将第一个输入的值更改为 X，将第二个输入的值更改为 Y。

await page.$eval('input[type=money64]', el => el.value = 'X');
await page.$eval('input[type=money64]', el => el.value = 'Y');

上面的代码首先将相同输入的值更改为 X，然后更改为 Y，第二个输入保持不变。那么如何使用 puppeteer 设置第二个输入类型 = money64 的值。

Answer 1

<div id="abc">
    <input class="custom1" type="text" >
    <input class="custom2" type="text">
</div>


 let firstInput = Array.from(document.querySelectorAll('#abc input:nth-child(1)'));
// change content for the firstInput
// repeat the same for the second child

试试这个。

你也可以试试：

await page.$eval('#abc input:nth-child(1)', el => el.value = 'X');
await page.$eval('#abc input:nth-child(2)', el => el.value = 'Y');

检查一下。