所以我一直在开发一个 chrome 扩展,它基本上只是改变某个网站的字体和配色方案。我决定,作为一种很酷的复活节彩蛋类型的东西,当我在网站的论坛上发帖时,如果 chrome 扩展程序的 Logo 出现在我的名字旁边,那就太酷了。
这样做的最佳方法是什么?我能够将 CSS 和 JS 注入(inject)网站。我在想一个脚本会寻找一个链接到我的个人资料页面的标签,然后在它的右边添加图标之类的。我基本上没有使用 Javascript 的经验,因此非常感谢任何帮助。
谢谢, 埃里克
最佳答案
var x = document.querySelectorAll("a");
for(var i=0;i<x.length;i++){
if(x[i].href.indexOf('LINK_TO_YOUR_PROFILE')==-1) // skip if link is not a link to your profile
continue
var node = document.createElement("img");
node.src = "http://via.placeholder.com/350x150";
x[i].appendChild(node);
}
试试这段代码
它将搜索所有 anchor 标签并将它们添加到数组“x”,然后遍历该数组并创建一个新的 img 节点并将其添加到 a 标签旁边。 当然,您只需要更改 img src!
希望我的回答就是您要找的!
关于javascript - 如果文本链接到特定页面,则在文本旁边添加图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45785354/