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

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

本文关键字：first-child create-option document querySelector      更新时间：2023-09-26

有人知道为什么下面的代码不能工作吗? 

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

我试图获得类名称为"创建选项"的第一个元素，并单击它。

删除:first-child，它将选择第一个具有该类的元素。

// 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();
<div class="create-option">
a
</div>
<div class="create-option">
b
</div>
<div class="create-option">
c
</div>
<div class="create-option">
d
</div>
<div class="create-option">
e
</div>
<div class="create-option">
f
</div>
<div class="create-option">
g
</div>
<div class="create-option">
h
</div>
<div class="create-option">
i
</div>
<div class="create-option">
j
</div>
<div class="create-option">
k
</div>

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

要获得该类的第一个元素，省略:first-child。

相关文章：