我如何用 puppeteer 刮取元素標簽的值

Question

    <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”的值

Answer 1

看起來您正在嘗試捕獲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