使用Javascript从元标题更改图像？

Question

I have an image for logging in set with css, and want to change this to a logged out image when users are logged in. There is no variables to use, except a small change in the sites meta title. Would this be possible with vanilla Javascript?

the title:

<title>Text</title>

When logged in it adds, amongst the username a line

 <title>Text - </title>

css:

 .navLogin {
    display: block;
    position: absolute;
    background-image: url('/img/account.png');
    background-position: center;
    background-repeat: no-repeat;
}

Answer 1

Try using this:

$("meta[property='yourProperty']").attr("content", newTitle);

EDIT

if(checkSomething()){

                var oldTitle = document.title;
                var newTitle = "NEW";
                document.title = oldTitle + newTitle;

                var link = document.createElement('link');      

                link.rel = 'shortcut icon';
                link.href = "example.jpg";
                document.getElementsByTagName('head')[0].appendChild(link);
            }

Answer 2

If I understand correctly you want to check if user is logged in based on tittle? Then:

if($('tittle').text() == loggedInTittle)
{
    //user is logged in so change image e.g
    $('.navLoggedOut').removeClass('.navLoggedOut').addClass('.navLogin');
}