Javascript element.style undefined in FF

Question

I want to set the CSS display property in javascript code:

    var div = document.createElement('div');
    div.innerHTML = content;
    div.childNodes[0].style.display = '';

It works in IE, but not in FF. It says the "style" is undefined for the div element. How can I do this in FF?

thank

Answer 1

What is content? If it starts with a space, then the TextNode will be the first child and they don't have style properties (HTMLElementNodes do).

You can:

• loop over children until you reach the end or find an HTMLElementNode
• separate the spaces from the beginning content
• switch to use createElementand friends insteadinnerHTML

Answer 2

This should also work:

var div = document.createElement('div');
div.innerHTML = content;
div.childElementCount && div.firstElementChild.style.display = '';