如果文本链接到某个页面，则在文本旁边添加图像

Question

所以我一直在研究chrome扩展，它基本上只是改变了某个网站的字体和配色方案。我决定，作为一种很酷的复活节式的东西，当我在网站的论坛上发布时，如果我的名字旁边出现了chrome扩展名的标识，那将会很酷。

这样做的最佳方法是什么？我能够将CSS和JS注入网站。我以为脚本会查找链接到我的个人资料页面的标签，然后添加右侧的图标或其他内容。我基本上没有使用Javascript的经验，所以非常感谢任何帮助。

谢谢， 埃里克

Answer 1

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吧！

希望我的回答是你要找的！