在 puppeteer 中访问子元素

Question

我有下面的HTML结构

<div class ="container" id= "12">
    <div class="details" desc-type= "multiline">
        <a href="#">
            <div class="description"> Some Description </div>
        </a>
    </div>
</div>

我用下面的代码抓取了这个

const SELECTOR =
    "div.container";

const movies = await page.$$eval(
    SELECTOR,
      nodes =>
        nodes.map(element => {
          return {
            movieID: element.getAttribute("id"),
          };
        } )    
    );

如何修改上面的代码，以便我可以读取 <div class="description"> 的 desc-type= "multiline" 和 innerText？

Answer 1

这个怎么样？

const movies = await page.$$eval(
    SELECTOR,
      nodes =>
        nodes.map(element => {
          return {
            movieID: element.getAttribute("id"),
            descType: element.querySelector('[desc-type]').getAttribute('desc-type'), 
            description: element.querySelector(".description").innerText
          };
        } )    
    );

在 puppeteer 中访问子元素

Accessing child elements in puppeteer

javascript

webautomation

puppeteer