动态创建HTML方法

•  crateAttribute(name)：　　　　　 　　用指定名称name创建特性节点
•  createComment(text)：　　　　　　　创建带文本text的注释节点
•  createDocumentFragment()：　　　　创建文档碎片节点
•  createElement(tagname)：　　　　　  创建标签名为tagname的节点
•  createTextNode(text)：　　　　　　   创建包含文本text的文本节点

这里主要说一下createDocumentFragment(),  方法创建了一虚拟的节点对象，节点对象包含所有属性和方法。

当你想提取文档的一部分，改变，增加，或删除某些内容及插入到文档末尾可以使用createDocumentFragment() 方法。

你也可以使用文档的文档对象来执行这些变化，但要防止文件结构被破坏，createDocumentFragment() 方法可以更安全改变文档的结构及节点。

var fragment = document.createDocumentFragment();
        for(var i = 0 ; i < 10; i ++) {
            var p = document.createElement("p");
            var oTxt = document.createTextNode("test" + i);
            p.appendChild(oTxt);
            fragment.appendChild(p);
        }
        document.body.appendChild(div);