element.firstChild is returning '<TextNode …' instead of an Object in FF

Question

I wrote a tab system using some very basic Javascript and it runs like a champ in IE 8 but, in FireFox 3 I am coming up short. The pertitent HTML is as follows:

<         


        

Answer 1

Use element.querySelector("*") to get the first child Element.

Demo:

var container = document.getElementById("container")

console.log(container.querySelector("*")) // 
This is a test
console.log(container.firstChild) // #text
console.log(container.childNodes[0]) // #text

  
This is a test