单击在 ul 标签内不工作的 puppeteer

Question

以下是我使用 puppeteer 抓取的网页的 html 代码部分。 ID 以数字开头。

<div class="inner-menu">
   <ul class="module" style="float: left">
      <li id="0" class="moduleclass"><a class="active" href="/eu/alt/dashboard.htm">Home</a></li>
      <li id="4" class="moduleclass"><a class="" href="/eu/stu/studentBasicProfile.htm">Student</a></li>
      <li id="6" class="moduleclass"><a class="" href="/eu/exm/viewStudentExamDefinition.htm">Exam</a></li>

      <li id="7" class="moduleclass">
         <a class="" href="/eu/res/semesterGradeCardListing.htm">Result</a>
      </li>

   </ul>
</div>

我需要点击 ID 为 7 的 li。我尝试使用代码

await page.waitForSelector("#\37 ");
await page.click("#\37 ");

但它不起作用。

Answer 1

以数字开头的 ID 无效，此类选择器会引发错误。但是你可以试试 XPath:

const element = await page.waitForXPath('//*[@id="7"]');
await element.click();

单击在 ul 标签内不工作的 puppeteer

Click in puppeteer not working inside ul tag

javascript

node.js

web

reactjs

puppeteer