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)。