Question

我正在寻找一种方法，使用javascript将代码运行到chrome的控制台，并使用相同的CLASS名称推送所有按钮

按钮的代码是这个

<span><a class="UFILikeLink" href="#" role="button" aria-live="polite" title="Like this" data-ft="{&quot;tn&quot;:&quot;>&quot;}" data-reactid=".3k">
  <i class="UFILikeLinkIcon img sp_j2jvp3kCzmm sx_751c68" data-reactid=".3k.0"></i>
  <span data-reactid=".3k.1">Like</span>
</a></span>

我在这里试过这段代码

var el = document.getElementsByClassName('UFILikeLink'); 

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

抱歉我的错误。

代码正在运行，但如果我第二次运行代码，它会再次按下按钮，就像之前一样。

如果按下按钮一次，那就是我想要它它不会被再次推动。

再次为这个错误感到抱歉。

如果我按下按钮，则网页代码会更改为

<span><a class="UFILikeLink UFILinkBright" href="#" role="button" aria-live="polite" title="Unlike this" data-ft="{&quot;tn&quot;:&quot;?&quot;}" data-reactid=".sk">
  <i class="UFILikeLinkIcon img sp_j2jvp3kCzmm sx_c04d59" data-reactid=".sk.0"></i>
  <span data-reactid=".sk.1">Like</span>
</a></span>

Answer 1

您的问题上有jquery标记，因此以下是使用jQuery执行此操作的方法：

$(document).ready(function(){

    $(".UFILikeLink").each(function(){
        $(this).click();
    });

});

这将在页面加载时点击具有类UFILikeLink的所有内容。

Answer 2

如果您使用的是jquery，则无需遍历所选元素。只需写下这个

$('.UFILikeLink').trigger('click');

但似乎你在使用纯粹的js。所以在那种情况下，你将不得不做这样的事情。

var els = document.getElementsByClassName('test');

var event = new MouseEvent('click', {
    'view': window,
    'bubbles': true,
    'cancelable': true
  });

for(var el in els){
    els[el].dispatchEvent(event);
}

如何用javascript循环按下按钮

2 个答案: