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 = '';