如何使用Puppeter将css类添加到元素中

Question

尝试了以下代码返回错误：评估失败：TypeError:无法读取未定义的属性(读取"add"(。类"表单控制"在所有输入上

const forms = ".form-control";
if (device.name === "Panel") {
await page.evaluate((s) => {
let dom = document.querySelectorAll(s);
dom.classList.add("_has_error");
}, forms);
}

Answer 1

querySelectorAll返回一个元素数组。您可以尝试dom.classList实际上是undefined，正如错误所说，但dom[0].classList给出了有效的DOM令牌列表。

您需要在dom数组上迭代，例如，如果您想将类应用于每个匹配的元素，则使用Array.forEach()：

let dom = document.querySelectorAll(s);
dom.forEach(el => el.classList.add("_has_error"));