點擊一個 <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）