如果选择器中有反斜杠符号，如何使用 Puppeteer 选择元素？答案

【问题标题】：How can I select an element with Puppeteer if it has backslash symbols in the selector?如果选择器中有反斜杠符号，如何使用 Puppeteer 选择元素？
【发布时间】：2022-01-13 18:07:42
【问题描述】：

要抓取网站上的元素以与 puppeteer 一起使用，我通常只是直接从浏览器中复制并粘贴选择器。但是在我正在使用的这个新网站上，以下选择器什么都不做

await page.waitForSelector('#forms\.login\.email')

这是 HTML 标签

<input type="email" tabindex="0" class="_a _q _eo _bn _ep _dh _cr _di _cq _cu _eq _es _et" data-test-id="field-email" label="Email Address" autocomplete="email" id="forms.login.email" theme="[object Object]" value="">

【问题讨论】：

标签： node.js puppeteer

【解决方案1】：

使用双反斜杠：

await page.waitForSelector('#forms\\.login\\.email')

看这里：

由于反斜杠也是 JavaScript 中的转义字符，如果你是输入文字字符串，您必须将其转义两次（一次用于 JavaScript 字符串，另外一次是 querySelector())：

https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector#escaping_special_characters

【讨论】：