一道原生JS的问题

Question

    <div>        <input/>        <span></span>    </div>            function nodeToFragme(node){            var flag = document.createDocumentFragment();            var child;            while(child = node.firstChild ){                flag.appendChild(child);    //请问为什么能够每次插入不同的节点？            }            return flag ;        }为什么每次appendChild都能够插入不同的节点？不应该每次都是第一个节点么？