Changer la valeur d'une balise dynamiquement

Bonjour,

j'essaie de changer la valeur d'une balise a dynamiquement. En fait j'ai stocké dans des cookies les identifiants
de l'utilisateur (sauf mot de passe) et j'aimerais afficher en haut à droite le pseudo de l'utilisateur.
J'ai donc fait un innerHTML et changé la valeur par le pseudo. Cela marche, cependant c'est un petit peu bugué car au début le pseudo n'apparaît pas mais c'est 1ms après qu'il apparaît.
Y'a t'il une autre façon afin que ce soit plus propre et instantané.

voici mon code.

$(document).ready(function (){
  adaptscreen();
  UserObject = new user();
  LoginObject = new login();
  LoginObject.ConnectionByCookie();
  UserObject.setPseudoToLoginButton();
 });

Ici je créer mes objet user et login.
après j'appelle une méthode ConnectionByCookie qui va chercher un cookie user et qui va prendre appliquer toute les caractéristiques à mes attributs user.

 constructor()   
    {

        this.email = null;
        this.pseudo = null;
        this.age = null;
        this.nom = null;
        this.prenom = null;

    }

Enfin j'appelle ma méthode setPseudoToLoginButton(); ( c'est dur de choisir un nom :p )
qui va appliquer à ma balise son nouveau pseudo :

setPseudoToLoginButton()
    {
        if(this.pseudo != null)
        {
            var changeTextOnBaliseLogon = document.getElementById("setpseudoOnBalise");
            changeTextOnBaliseLogon.innerHTML = "<a href=''>"+this.pseudo+"</a>";
        }
        else
        {

            var changeTextOnBaliseLogon = document.getElementById("setpseudoOnBalise");
            changeTextOnBaliseLogon.innerHTML = "<a  href = 'Log.php'>Se connecter</a>";

        }

    }

Voilà j'espère que vous pourrez m'aider et que j'ai été assez clair :D