时间戳

首页 > 解决方案 > 我如何用 puppeteer 刮取元素标签的值

javascript - 我如何用 puppeteer 刮取元素标签的值

问题描述

    <button class="button width-full button--primary" data-automation-id="signin-submit-btn" data-tl-id="signin-submit-btn" type="submit"><span class="button-wrapper">Sign in</span></button>

我需要用 puppeteer 刮掉“data-automation-id”的值，这将是“signin-submit-btn”。我知道我可以通过这样做来获取文本

document.querySelector('button[class="button width-full button--primary"]').innerText;

但我需要知道如何获取“data-automation-id”的值

标签： javascripthtmljqueryweb-scrapingpuppeteer

解决方案

看起来您正在尝试捕获Data Attribute的值。您可以通过引用按钮元素来做到这一点，dataset如下所示：

let mybutton = document.querySelector('button[class="button width-full button--primary"]');
let autoId = mybutton.dataset.automationId;
console.log(autoId);
<button class="button width-full button--primary" data-automation-id="signin-submit-btn" data-tl-id="signin-submit-btn" type="submit"><span class="button-wrapper">Sign in</span></button>

参考这里：https ://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

推荐阅读