Make a h1 class innerHTML a variable

[MikeWalters]

Using:
Greasemonkey
Firefox 11.0
----------------
I was creating a script but I came to a halt. I am trying to make a title from a movie on neflix to a variable.
(see attachment)
(I am going to use the movie Hannibal as an example)

var netflixTitle = document.title.substring(document.title.length);

I tried this code but I get undefined. I've searched forums about h1 tags and found some but they only have solutions for

<h1 id="title">This is what I want</h1>

NOT

<h1 class="title">This is what I want</h1>

Thanks goes out for the guy that helps an ametuer out.

[xelawho]

I've never used greasemonkey, but in normal javascript you'd do something like this:

var tags=document.getElementsByTagName("H1");
for (var i = 0; i < tags.length; i++) {
if(tags[i].className=="title"){
var thetitle=tags[i].innerHTML; 
	}
}

[Old Pedant]

Since you are using Firefox:

var theTitle = document.getElementsByClassName("title")[0].innerHTML;

This assumes that there is only one element with class="title" or at least that the one you want is the first such.

If that's not the case, we could do it by finding that class nested within the <div> with id="displaypage-overview-details". Thus;

var theTitle = document.getElementById("displaypage-overview-details")
               .document.getElementsByClassName("title")[0]
               .innerHTML;

Xelawho: Works, but why do it? Since he is using FF you *know* that getElementsByClassName is available.

[MikeWalters]

Thank you Old Pedant, the

var theTitle = document.getElementsByClassName("title")[0].innerHTML;

worked like a charm. Also thank you Xelawho. I really appreciate it guys.

[xelawho]

I forget some browsers don't need incessant hand-holding...