Javascript单击查询选择器

Question

Here is javascript code.

document.querySelectorAll("li[class='user selected']")

I wanna click on this element but this code does not work

document.querySelectorAll("li[class='user selected']").click();

How can I click on this element ? Thanks.

Edit : this is Html code

<ul class="search" id="typeahead_list_u_0_2" role="listbox">
<li class="user selected" title="Special Username" aria-label="Special Username" role="option" aria-selected="true" id="js_g">
<a href="https://..." rel="ignore" target=""><img alt="" src="https://...">
<span class="text">Special Username</span>
</a>
</li>
</ul>

Answer 1

Have you tried ?

document.querySelectorAll("li[class='user selected']")[0].click();

Will click on the first ( [0] ) li[class='user selected']

Answer 2

Remove the sample click listener that i have attached.

 var element = document.querySelector("li[class='user selected']"); if (element) { // TODO: Attaching sample click listener. Remove it. element.addEventListener('click', function () { alert('Clicked'); }, false); element.click(); } 

 <li class="user selected" title="Special User Name" aria-label="Special User Name" role="option" aria-selected="true" id="js_x"></li>