javascript - 如何遍历 DocumentFragment 的 child ？

Question

如何遍历 DocumentFragment childNodes？我试过执行以下操作:

console.log(result.childNodes);
console.log(result.childNodes.length);

但是即使我可以在 Firebug 中看到实际的子节点，长度似乎也为 0，例如:

[div#tiptip_arrow]
0

更新:

http://jsfiddle.net/ve5hf/这不完全是我正在做的，但说明了问题:当我查看 Firebug 控制台时，我看到片段有子节点，但是 console.log(result.childNodes);出于某种原因产生 [] 。这是为什么？

Answer 1

var o = document.createDocumentFragment();
o.appendChild(document.createElement('div'));
var childNodes = o.childNodes;
for (var i = 0, len = childNodes.length; i < len; i++) {
  console.log(childNodes[i].tagName);
}

.length does work.

我们需要更多细节。您如何创建文档片段？什么浏览器？