document.querySelector（＆＃39; .create-option：first-child＆＃39;）。click（）不起作用

Question

有谁知道为什么以下代码不起作用：

document.querySelector('.create-option:first-child').click()

我试图获得第一个带有类名的元素＆＃34; create-option＆＃34;然后点击它。

Answer 1

只需删除<asp:HiddenField ID = "hfName" runat = "server" /> document.getElementById("<%=hfName.ClientID %>").value = recipient; string oldValue = Request.Form[hfName.UniqueID]; ，它就会选择该类的第一个元素。

＆＃13;

＆＃13;

:first-child

＆＃13;

// just for the demo ...
[].forEach.call(document.getElementsByClassName('create-option'), function(e) {
  e.addEventListener('click', function(d) {
    alert(d.target.innerHTML);
  })
});


document.querySelector('.create-option').click();

＆＃13;

＆＃13;

＆＃13;

Answer 2

.create-option:first-child获取第一个元素的第一个子元素。该元素是该类的成员。

要获取该类成员的第一个元素，请省略:first-child。