如果文本链接到某个页面，则在文本旁边添加图像
如果文本链接到某个页面，则在文本旁边添加图像
提问于 2017-08-21 02:10:10
所以我一直在开发一个chrome扩展，它基本上只是改变了某个网站的字体和配色方案。我决定，作为一种很酷的复活节蛋型的东西，当我在网站的论坛上发帖时，如果chrome扩展的徽标出现在我的名字旁边，那就太酷了。
做这件事的最好方法是什么？我能够注入CSS和JS到网站。我在想，脚本寻找一个链接到我的个人资料页面的标签，然后在它的右边添加图标或其他什么东西。我基本上没有使用Javascript的经验，所以任何帮助都非常感谢。
谢谢，埃里克
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-08-21 02:25:27
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);
}试试这段代码
它将搜索所有锚标记并将其添加到数组"x“中，然后循环遍历该数组，创建一个新的img节点，并将其添加到a标记旁边。当然，您只需更改img src即可！
希望我的答案就是你想要的！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45785354
复制相关文章
相似问题
腾讯云开发者
