Javascript 按类点击元素

Question

所以我正在编写一个可以在页面上运行的脚本，但我想单击这个元素，不幸的是，它没有 id 来获取，我正在尝试使用 .click() 函数，但它不起作用，这就是我所拥有的，有人知道如何修复它吗？这也是该类中唯一的元素

var classes = document.getElementsByClassName('rateRecipe btns-one-small');
var Rate = classes[0];
Rate.click();

Answer 1

我建议:

document.querySelector('.rateRecipe.btns-one-small').click();

上面的代码假设给定元素具有这些类的两个；否则，如果该空格旨在暗示祖先-后代关系:

document.querySelector('.rateRecipe .btns-one-small').click();

方法getElementsByClassName()采用单个类名(而不是document.querySelector()/document.querySelectorAll()，它采用 CSS 选择器)，并且您将两个(可能是类名)传递给该方法。

引用文献:

• document.getElementsByClassName() .
• document.querySelector() .