javascript - 在链接后插入图片

我有一张大表，其中一列包含电子邮件地址（+/- 60），并被告知要在每个地址后添加一个电子邮件图标。我一直试图使用anchors，.href和.indexof来选择电子邮件链接，但是却找不到位置（因此没有代码）。

如果链接的<img src="/a/path/email.jpg" alt="e-mail" />包含使用香草JavaScript而不使用jQuery的href，是否可以获取有关如何添加mailto的帮助。

最佳答案

这是您可以使用的功能：

(function(allLinks)
{
    var i, imgHTML = '<img src="mail.png" alt="mail" />';
    for (i = 0; i < allLinks.length; i++)
    {
        if (allLinks[i].getAttribute('href').indexOf('mailto') > -1)
        {//or allLinks.item(i).getAttribute('href').indexOf('mailto')
         //calling the item method is said to be faster, on most browsers
            allLinks[i].innerHTML += imgHTML;
        }
    }
}(document.getElementsByTagName('a')));

您当然可以将此IIFE转换为常规函数，以在加载事件或其他事件上调用...
分叉的@adardesign的小提琴here it is

关于javascript - 在链接后插入图片，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14689540/