Changing website favicon dynamically

Why not?

var link = document.querySelector("link[rel~='icon']");
if (!link) {
    link = document.createElement('link');
    link.rel="icon";
    document.getElementsByTagName('head')[0].appendChild(link);
}
link.href="https://stackoverflow.com/favicon.ico";