Question

所以我正在编写一个可以在页面上运行的脚本，但是我想点击这个元素，遗憾的是，它没有id来获取，我试图使用{{1}它的功能，但它不起作用，这里有我所拥有的，任何人都知道如何解决它？这是该类中唯一的元素

.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()。

Answer 2

如果要单击某个类选择的所有元素，则可以使用此示例（在“喜欢的曲目”页面上的last.fm上使用以取消全部）。

var divs = document.querySelectorAll('.love-button.love-button--loved'); 

for (i = 0; i < divs.length; ++i) {
  divs[i].click();
};

使用ES6和Babel（不能直接在浏览器控制台中运行）

[...document.querySelectorAll('.love-button.love-button--loved')]
   .forEach(div => { div.click(); })

Answer 3

我的按钮类别是“ input-addon btn btn-default fileinput-exists”

下面的代码帮助了我

document.querySelector('.input-addon.btn.btn-default.fileinput-exists').click();

但是我想单击第二个按钮，我的屏幕上有两个按钮，所以我使用了querySelectorAll

var elem = document.querySelectorAll('.input-addon.btn.btn-default.fileinput-exists');
                elem[1].click();

这里elem [1]是我要单击的第二个按钮对象。

Javascript单击逐个元素

3 个答案: