Javascript 代码在 Chrome 扩展上加载时不再工作

Question

我正在开发一个 chrome 扩展，我有一个很长的代码，但这一小部分不起作用：

document.querySelector('a[data-style-name="Red"]').click()

让我更好地解释一下，这部分代码仅在我将其放在网站的 chrome 控制台上时才有效，但当我将其放在 javiscript 文件中时，它不起作用，而另一部分代码工作正常，它也“停止”了代码的另一部分，不再起作用......

有人可以告诉我我做错了什么以及如何解决吗？

Answer 1

尝试这个：

document.querySelector('a[data-style-name="Red"]').onclick = () => alert("It's ok!");

 document.querySelector('a[data-style-name="Red"]').onclick = () => alert("It's ok;");

 <a data-style-name="Blue">Blue</a> <a data-style-name="White">White</a> <a data-style-name="Red">Red</a>