How to change innerHTML of an innerHTML

Question

I have such a JS code :

var parent = titles[i].parentElement;
console.log(parent.innerHTML);

That prints this on console :

<title style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">MyTitle</title>

How can I change MyTitle to something else? Thanks.

EDIT :

My whole code is this:

var titles = document.getElementsByTagName('title');
for (var i = 0; i < titles.length; i++) {
    if (titles[i].innerHTML == 'MyTitle') {
        console.log(titles[i].innerHTML);
        var parent = titles[i].parentElement;
        console.log(parent.innerHTML);
        titles[i].innerHTML == '1215546162';
        console.log(titles[i].innerHTML);
        $(parent).attr('fill', 'blue');
    }
}

Answer 1

Maybe this helps:

titles[i].innerHTML="New Title";

Title is changing (look at console) at this fiddle: https://jsfiddle.net/ek6f9jq8/2/

Answer 2

I don't know the the exact purpose of your code, but this can be helpful.

var head = document.getElementsByTagName("head")[0];
var title = head.getElementsByTagName("title")[0];
title.innerHTML = "Foo";