一道原生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都能够插入不同的节点？不应该每次都是第一个节点么？