点击一下用javascript的元素

Posted 2021-05-05

我正在制作Chrome扩展程序，其中一项功能是点击下面列表代码中的一项。

<ul class="js-tweet-actions tweet-actions full-width ">
<li class="tweet-action-item pull-left margin-r--13 "> <a class="tweet-action " href="#" rel="retweet"> <i class="js-icon-retweet icon icon-retweet icon-retweet-toggle txt-center"></i> <span class="is-vishidden">Retweet</span> </a> </li>
<li class="tweet-action-item pull-left margin-r--13 margin-l--1"> <a class="js-show-tip tweet-action position-rel" href="#" rel="favorite" title="" data-original-title="  Like from ILoveTomFan   "> <i class="js-icon-favorite icon icon-favorite icon-favorite-toggle txt-center"></i> <span class="is-vishidden"> Like </span> </a> </li>
</ul>

我如何模仿浏览器点击这些元素，下面的代码是我尝试过的，它完全没有效果，它没有正确点击正在显示的元素。我试过了;

document.getElementsByClassName("js-show-tip tweet-action position-rel").click;
document.getElementsByClassName("tweet-action-item pull-left margin-r--13 margin-l--1").click;
document.getElementsByClassName("js-icon-favorite icon icon-favorite icon-favorite-toggle txt-center").click;
var test = x[y].querySelectorAll("li");
     test[2].click;

特别感谢@Zevee完成这项工作的代码

x[y].querySelector('.js-show-tip.tweet-action.position-rel').click();

答案

你的前三个不起作用，因为有一个元素数组，因为classname只需要一个类（iirc）

试试document.querySelector(<here, put every single class that you want to select seperated by dots (in a string)>).click()

请注意，这会选择包含所有这些类的第一个元素（iirc）