将图标插入 gmail 列表 html

Question

我有兴趣为 chrome 制作扩展，但我是新人，正如你可以想象的那样，我有一千个疑问。

具体来说，在我的 gmail 帐户中，在收到的电子邮件的主页上，您需要在列表中的某些电子邮件（据称已阅读的电子邮件）中注入图标。

例如，我有这些电子邮件的

data-legacy-thread-id

，我想将图像插入到复选框下方，如图所示。

知道我想要注入图标的电子邮件的

data-legacy-thread-id

，有人可以告诉我如何使图标仅出现在这些电子邮件中吗？

Answer 1

首先，我将使用您想要的名称创建一个类“Yourclass”，并使用 javascript 将其附加到头部。 示例：（更改字体并为阴影创建类和关键帧）

var style = document.createElement('style');
        style.type = 'text/css';
        style.innerHTML = '\
    body {\
  font-family: Copperplate;\
    }\
    .shadows {\
  animation: shadowmove 4s infinite;\
}\
\
@keyframes shadowmove {\
  50% {box-shadow: 0px 0px 15px black;}\
}';
        document.getElementsByTagName('head')[0].appendChild(style);

请参阅：使用 JavaScript 将 CSS 添加到 ？

使用 querySelector 或 getElementbyID 遍历每个 id，然后使用父元素，我会得到 parent Element。然后append一个Child（在你的情况下是一个图像）。 对于该子元素，将 ClassName“Yourclass”添加到这些元素中，并继续迭代您拥有的每个 ID。

希望你喜欢这种方法！

评论您需要的任何内容，我将尝试添加一些代码（我已经完成了一些执行类似操作的扩展）。

评论：尝试模糊私人信息（即使它不是你的） 另外，我会使用纯香草 Javascript 将问题命名为 Insert img in a certain div (with an ID)