javascript element.style在FF中未定义

Question

我想在javascript代码中设置css display属性：

  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和friends而不是innerHTML

Answer 2

这应该也有效：

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