JavaScript动态创建Html内容

①.document.write()方法：
     作用为：方便快捷的把字符串插入到文档里；
      语法为：document.write("Hi nihao!")
②.createElement()方法：
     作用为：创建一个新元素；
     语法为：document.createElement(nodeName)；
      example：创建一个p元素
                   var pare = document.createElement("p")；
③.appendChild()方法：
     作用为：把新创建的元素插入某个文档的节点树；
     语法为：parent.appendChild(child);
     example:将p元素插入testdiv文档的节点下
                    var pare = document.createElement("p");
                    var testdiv = document.getElementById("testdiv")；
                    testdiv.appendChild(pare);
④.createTextNode()方法：

      作用为：创建一个文本节点；

      语法为：document.createElement(text)；

      example：创建一个内容为“Hello world”的文本节点；

                     var txt = document.createTextNode("Hello world");

⑤.insertBefore()方法：

       作用为：把一个新元素插入一个现有元素之前；

       语法为：parentNode.insertBefore(newNode,oldNode)。