opacity and style undefined when accesing element in js but defined in css

Question

With this fiddle http://jsfiddle.net/mungbeans/f2ne6/2/

why is the opacity undefined when accessed in js when its defined in the css?

I presume the answer is

Answer 1

title.style.opacity

should be:

title[0].style.opacity

since getElementsByTagName returns a nodeList.

EDIT:

This still doesn't get the value. You'll need to do the following:

window.getComputedStyle(title[0]).opacity

https://developer.mozilla.org/en-US/docs/DOM/window.getComputedStyle?redirectlocale=en-US&redirectslug=DOM%3Awindow.getComputedStyle

DEMO: http://jsfiddle.net/f2ne6/12/