單擊帶有 javascript 的網頁中的按鈕 - 錯誤？

Question

菜鳥問題； HTML是

    <button aria-label="Navigate to page 40" data-page- 
     number="40" type="button" data-ember-action="" data- 
      ember- 
      action-582="582" data-is-animating-click="true">
       40
     </button>

我以為代碼是

       document.querySelector('button.Navigate.to.page.40').click()

但顯然這不是一個有效的選擇器......我做錯了什么？

Answer 1

您需要使用選擇器button[aria-label="Navigate to page 40"] ：

 const button = document.querySelector('button[aria-label="Navigate to page 40"]'); console.log(button);

 <button aria-label="Navigate to page 40" data-page- number="40" type="button" data-ember-action="" data- ember- action-582="582" data-is-animating-click="true"> 40 </button>

您的選擇器button.Navigate.to.page.40是有效的，但這意味着：選擇一個<button> ，它具有Navigate 、 to 、 page和40 （當然這個 HTML 不是這種情況）。