我有兴趣为chrome做一个扩展,但我是新来的,正如你可以想象的,我有一千个疑问。具体来说,在我的Gmail帐户中,在收到的电子邮件的主页上,你需要在列表中的一些电子邮件中插入一个图标(那些应该已经阅读过的邮件)。例如,我有这些电子邮件的data-legacy-thread-id,我想在CHECK BOX下面注入图像,如图所示。
data-legacy-thread-id
知道了我想注入图标的电子邮件的data-legacy-thread-id,有人能告诉我如何使图标只出现在这些电子邮件中吗?
vjrehmav1#
首先,我会创建一个类,'Yourclass'与您想要的名称,并附加到头部使用javascript.示例:(更改字体并为阴影创建类和关键帧)
var style = document.createElement('style'); style.type = 'text/css'; var keyFrames = '\ body {\ font-family: Copperplate;\ }\ .shadows {\ animation: shadowmove 4s infinite;\ }\ \ @keyframes shadowmove {\ 50% {box-shadow: 0px 0px 15px black;}\ }'; style.innerHTML = keyFrames.replace(/A_DYNAMIC_VALUE/g, "180deg"); document.getElementsByTagName('head')[0].appendChild(style);
请参见:Add CSS to with JavaScript?使用querySelector或getElementbyID遍历每个ID,然后使用父元素,我会得到,嗯,parent Element和append,Child(在您的情况下是一个图像)。对于那个子元素add the ClassName,'Yourclass'到这些元素,并继续迭代您拥有的每个ID。希望您喜欢这种方法!注解任何你需要的东西,我会尝试添加一些代码(我已经做了一些类似的事情扩展)。
1条答案
按热度按时间vjrehmav1#
首先,我会创建一个类,'Yourclass'与您想要的名称,并附加到头部使用javascript.示例:(更改字体并为阴影创建类和关键帧)
请参见:Add CSS to with JavaScript?
使用querySelector或getElementbyID遍历每个ID,然后使用父元素,我会得到,嗯,parent Element和append,Child(在您的情况下是一个图像)。对于那个子元素add the ClassName,'Yourclass'到这些元素,并继续迭代您拥有的每个ID。
希望您喜欢这种方法!
注解任何你需要的东西,我会尝试添加一些代码(我已经做了一些类似的事情扩展)。