javascript - IE Javascript 错误 : Unable to get property '0' of undefined or null reference

Question

我已将我的错误缩小到以下代码。为了示例的缘故，我将文本附加到片段中的第一个 div 中。这似乎适用于所有浏览器，但 IE 似乎不喜欢它。

看起来问题特别出在 [0] 索引 上？虽然我可能是错的。

<div id="hello"></div>

var frag = document.createDocumentFragment(),
        div = document.createElement('div');

    frag.appendChild(div);
    frag.children[0].innerHTML = "Hello";

    document.getElementById('hello').append(div);

fiddle : https://jsfiddle.net/d758ma27/

预期的输出是 #hello 现在将包含文本“Hello” - 它确实如此，只是不在 IE 中。任何帮助都会很棒，这让我很困惑!

目前正在 IE10 及以下版本上进行测试。

Answer 1

这就是我修复它的方式。

var frag = document.createDocumentFragment(),
        div = document.createElement('div');
    
frag.appendChild(div);
frag.childNodes[0].innerHTML = "Hello";

document.getElementById('hello').appendChild(div);

<div id="hello"></div>

请注意，我使用 childNodes 而不是 children 来访问文档片段中的元素，并且使用 appendChild 而不是 append 将新的 div 元素添加到文档中的 DOM。