Question

这是javascript代码。

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

我想点击这个元素，但这段代码不起作用

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

如何点击此元素？感谢。

编辑：这是Html代码

<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

你试过吗？

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

将点击第一个（[0]）li[class='user selected']

Answer 2

删除我已附加的示例click侦听器。

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>

Javascript单击查询选择器

2 个答案: