点击一个 <li> javascript元素

Question

我正在制作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();

Answer 1

您的前三个不起作用，因为有一个元素数组并且因为classname只接受一个类（iirc）

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

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