首页 > 代码库 > 创建HTML新元素(js)

创建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>