创建HTML新元素（js）

 1 <!--
 2 创建新的HTML元素
 3 1.创建新的元素
 4 2.创建新的节点
 5 3.追加节点
 6 4.向已有元素追加新的元素
 7 -->
 8 <html>
 9 <body>
10 
11 <div id="div1">
12 <p id="p1">这是一个段落</p>
13 <p id="p2">这是另一个段落</p>
14 </div>
15 
16 <script>
17 var para=document.createElement("p");  //第1步
18 var node=document.createTextNode("这是新的段落"); //第2步
19 para.appendChild(node);//第3步
20 
21 var element=document.getElementById("div1");
22 element.appendChild(para);  //第4步
23 </script>
24 </body>
25 </html>