Chrome扩展javascript

有关某些上下文，请查看提供的图像

网站上每隔几秒钟就会自动出现3种类型的框：“嗨，你好”和“嗨”。 您可以单击该框，它将被添加到右侧

    <div class="h-240 rounded relative bg-gray-400 cursor-pointer hover:bg-gray-300 transition duration-75 ease-in-out">

<span class="inline-block ml-10 text-gray-200"> (Hello)</span>

</div>

<div class="h-240 rounded relative bg-gray-400 cursor-pointer hover:bg-gray-300 transition duration-75 ease-in-out">

<span class="inline-block ml-10 text-gray-200"> (Hi)</span>

---

如何制作一个内容脚本来自动单击带有Hello的任何框。

在后台脚本中无法执行此操作。它必须在内容脚本中完成

script.js

setInterval=>{ document.queryselectoral'div'.forEachdiv=>{ div.getElementsByTagName“span”[0]。innerHTML。包括“Hello”和&div.click； }; }, 1000; manifest.json

{ 清单版本：2， 名称：Hello Box Clicker， 权限：[ 活动选项卡 ], 版本：0.0.0.1， 内容和脚本：[ { 匹配项：[ ], js:[ script.js ] } ] }

---

嘿，我试过这么做，但还是没有点击任何东西。我已经在上面的问题中添加了实际的代码片段。我尝试了console.log来查看box.innerHTML，但是我也没有得到任何结果。你当前的编辑与你原来的帖子相矛盾。请张贴所有箱子的完整代码；否则，没有人能帮你。很抱歉，当代码被编辑时，不得不更改原始帖子。

<div class="h-240 rounded relative bg-gray-400 cursor-pointer hover:bg-gray-300 transition duration-75 ease-in-out">

    <span class="inline-block ml-10 text-gray-200"> (Hey)</span>

</div>

<div class="h-240 rounded relative bg-gray-400 cursor-pointer hover:bg-gray-300 transition duration-75 ease-in-out">

        <span class="inline-block ml-10 text-gray-200"> (Hey)</span>

    </div>

 <div class="h-240 rounded relative bg-gray-400 cursor-pointer hover:bg-gray-300 transition duration-75 ease-in-out">

    <span class="inline-block ml-10 text-gray-200"> (Hello)</span>

    </div>