css - javascript element.style is undefined in FF - Stack Overflow

admin管理员组

文章数量:1399950

I want to set up css display property in javascript code:

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

It works in IE but doesn't in FF. It says "style" is undefined for element div. How can I do it in FF?

Thanks

I want to set up css display property in javascript code:

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

It works in IE but doesn't in FF. It says "style" is undefined for element div. How can I do it in FF?

Thanks

• javascript
• css
• firefox

Share Improve this question Follow edited Dec 20, 2010 at 17:41 Pointy 414k6262 gold badges595595 silver badges629629 bronze badges asked Dec 20, 2010 at 17:38 ihorkoihorko 6,9552626 gold badges8080 silver badges123123 bronze badges 1

• 1 What kind of node is div.childNodes[0]? – Pointy Commented Dec 20, 2010 at 17:40

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

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

You can either:

• loop over the children until you either get to the end or find an HTMLElementNode
• strip the whitespace from the start of content
• switch to using createElement and friends instead of innerHTML

This should also work:

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

本文标签： cssjavascript elementstyle is undefined in FFStack Overflow