javascript - 使用 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 的情况并非如此)。