javascript element.style не определен в FF

Question

Я хочу установить свойство отображения CSS в коде JavaScript:

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

Это работает в IE, но не в FF.Он говорит, что «стиль» не определен для элемента div.Как я могу сделать это в FF?

Спасибо

Answer 1

Что такое content? Если он начинается с пробела, то TextNode будет первым дочерним элементом, и они не будут иметь свойств стиля (HTMLElementNodes имеют).

Вы можете либо:

• перебирайте дочерние элементы, пока не дойдете до конца или не найдете HTMLElementNode
• убрать пробел с начала content
• переключиться на использование createElement и друзей вместо innerHTML

Answer 2

Это также должно работать:

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