javascript - 如何将节点列表设置为 innerHtml？

Question

我有一个节点列表 nl 和一个 div#parent。

如何将 nl 中的所有元素设置为 div#parent 的 innerHTML？

Answer 1

先清空父级，然后使用appendChild追加一个DOM元素

parent.innerHTML = '';
parent.appendChild(nl);

对于包含多个元素的nodeLists，需要迭代

parent.innerHTML = ''; 

[].forEach.call(nl, function(item) {
    parent.appendChild(item);
});

FIDDLE