点击谷歌搜索栏的Javascript代码

我正在尝试做一个chrome扩展，自动关注google搜索栏，这样我就可以在进入标签页时开始键入新的搜索，而无需再次单击搜索栏

我已经找到了如何通过getElementByClassName访问google搜索栏，但由于某些原因，焦点似乎不起作用

document.getElementsByClassName（“gLFyf gsfi”）[0]。focus（）

---

我希望当我在谷歌开发工具控制台上键入上面的代码时，搜索框应该是聚焦的。

我认为你的代码是有效的，只是谷歌编写的css改变了聚焦行为。在以下屏幕截图中，您可以看到输入大纲设置为“无”：

---

我想在使用焦点作为解决方法后，可以将字段的样式设置为悬停样式。

Devtools控制台窃取焦点，因此无法工作。您需要在内容脚本中执行此操作。另外，document.getElementsByName（'q'）[0]是一种更好的访问方法，因为您不会依赖可能经常更改的临时类名。您好！谢谢你的帮助。我只是一个新手，请您帮助我更好地理解document.getElementsByName（'q'）[0]如何工作？谢谢。您能帮我理解一下将字段样式设置为悬停样式的含义吗？我刚刚开始学习css和jsWell，您可以在选择元素后访问style属性。例如，我使用querySelector获取元素：const sa=document.querySelector（“input[name=q]”），然后将其样式设置为：sa.style=“background:red”，这样您就可以在style属性中编写css。您可以在开发者工具中查找他们在悬停时应用的内容，并复制它，然后通过样式手动设置。这很有意义。非常感谢你！