Icon load

by Christopher O

HTML

<link rel="icon" href="/img/favicon.png">

JavaScript

console.clear();

let TopImg = document.createElement('img');
// let TopImg.setAttribute('src', '/favicon.ico');
TopImg.setAttribute('src', 'https://www.yahoo.com/favicon.ico');
TopImg.setAttribute('align', 'left');
TopImg.className = 'TopImg';
TopImg.id = 'TopImg';
document.body.appendChild(TopImg);
TopImg = document.getElementById('TopImg');

let url = getFavicon || '/favicon.ico';
//let url = 'https://jsfiddle.net/img/favicon.png';
let tester = new Image();
tester.onload = function(){
        console.log('Icon: loaded '+url);
        TopImg.src = url;
};
tester.onerror = function(){
        console.log('Icon: failed '+url);
};
tester.src = url;

var getFavicon = function(){
    var favicon = undefined;
    var nodeList = document.getElementsByTagName("link");
    for (var i = 0; i < nodeList.length; i++)
    {
        if((nodeList[i].getAttribute("rel") == "icon")||(nodeList[i].getAttribute("rel") == "shortcut icon"))
        {
            favicon = nodeList[i].getAttribute("href");
        }
    }
    return favicon;        
}