javascript - 如果文本链接到特定页面,则在文本旁边添加图像

标签 javascript html css

所以我一直在开发一个 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/

相关文章:

javascript - 如何根据变量追加类

javascript - react 。从表中删除特定行

javascript - 调用 JavaScript 函数后文件上传字段重置

html - 为所有 HTML 段落添加类

javascript - 我可以向闭包添加方法吗

php - 在php中显示多个键和数组列的结果

javascript - 使用javascript将json显示为html

javascript - 进度 .gif 不显示 .load

html - CSS 布局/网格未对齐

html - 背景图像所有屏幕分辨率(我的代码剪切照片)