外链地址网站标志图标显示与可读性实例页面

回到相关文章 »

代码:

HTML代码:
<ul id="ul">
    <li><a href="//www.baidu.com">这是个链接地址,...</a></li>
    <li><a href="//www.taobao.com">这是个链接地址,...</a></li>
    <li><a href="//www.qq.com">这是个链接地址,...</a></li>
    <li><a href="//www.youku.com">这是个链接地址,...</a></li>
    <li><a href="//www.360buy.com">这是个链接地址,...</a></li>
</ul>

<input id="faviconBtn" type="button" value="出现吧,为师的完全体!" />
                
JS代码:
var eleLinks = document.getElementById("ul").getElementsByTagName("a"), lenLink = eleLinks.length;
document.getElementById("faviconBtn").onclick = function() {
    if (this.value.indexOf("了") === -1) {
        for (var index = 0; index < lenLink; index += 1) {
            eleLinks[index].innerHTML = '<img src="//g.etfv.co/'+ eleLinks[index].href +'" align="absmiddle" />' + eleLinks[index].innerHTML;
        }
        this.value = "哈哈哈,出现了吧!";
    } else {
        this.value = "哥,别点了,我早不干了!";
    }
};