javascript - document.querySelector ('.create-option:first-child' ).click() 不起作用

标签 javascript

<分区>

有谁知道为什么下面的代码不起作用:

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

我正在尝试获取类名为“create-option”的第一个元素并单击它。

最佳答案

只需删除 :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>

关于javascript - document.querySelector ('.create-option:first-child' ).click() 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39171696/

相关文章:

javascript - IE 11 window.open() 与 javascript 脚本加载竞争条件问题

php - 用php动态添加内容到div

javascript - 使用 renderIntoDocument 测试功能组件

javascript - Angularjs 替换现有的表情符号显示

javascript - 使用 angularjs 和 JSON 从数据库获取数据

javascript - 为找到的每个元素创建一个摘录

javascript - 使用 angularjs 创建 Facebook 风格的聊天

javascript - 用于删除网站上部分 img href 的脚本

javascript - jquery 移动滑动

javascript - 使用 connect 在 Gulp 中创建动态服务器