javascript - 无法以编程方式单击 Greasemonkey 脚本中的 标记

Question

我正在尝试让 Firefox 中的 Greasemonkey 单击此没有 href 属性的 anchor :

<a class="btn btn-primary pull-right"
   ng-class="{'disabled': programsTabSubmitInProgress}"
   ng-click="handleAddProgramClick()">
  <i class="fa fa-plus"></i>
  <span>Add Program</span>
</a>

我已经尝试过这行代码，但它不起作用:

// ==UserScript==
// @name        Final Test
// @description Final test results
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
// @include     https://qs-hub.qs.com/#/profiles/topuniversities/programs*
// ==/UserScript==
setTimeout(function () {
  document.querySelector('.btn.btn-primary.pull-right').click();
}, 5000);

有人有正确的解决方案来点击这个 anchor 吗？

Answer 1

代码应该可以正常工作。您确实需要确保单击右侧元素:

console.log(document.querySelector('.btn.btn-primary.pull-right'));

根据评论，您实际上想要单击第五个这样的元素。那就是:

document.querySelectorAll('.btn.btn-primary.pull-right').item(4).click();

document.querySelectorAll返回 NodeList其中我们click第五个item .

 

顺便说一句，您没有使用 jQuery，因此无需在脚本中要求它。

不要超时，请考虑等待页面 load :

window.addEventListener('load', function() {
    document.querySelectorAll('.btn.btn-primary.pull-right').item(4).click();
}, false);