问使用document.querySelector()触发事件click()不起作用，但是从控制台触发CSS事件单击()可以

EN

起作用了吗？

首先，请注意，在控制台中触发$0.click()不是CSS，而是Javascript。

另外，使用querySelector调用元素，然后触发click方法，效果很好。下面是一个基本的例子：

​

setInterval(() => {
  document.querySelector('.red').click()
}, 1000)

<span class="red" onclick="console.log('clicked')">Text in a span</span>

​

为什么它会失败

您不会遇到不同的情况，您的代码不像您所期望的那样工作。

1-您可以在页面加载完成之前调用您的脚本。在这种情况下，对document.querySelector的引用将找不到元素，而是返回null而不是元素。但是当这种情况发生时，我们会在控制台中得到一个错误。

2-页面中有几个元素，类为"red“。然后，您可能正在单击另一个元素。在这种情况下，控制台中什么都不会出现。