1 <body> 2 <div id="div1"> 3 <p id="p1">第一段</p> 4 <p id="p2">第二段</p> 5 </div> 6 <!-- 7 DOM :文档对象模型 8 1、创建新的 HTML元素 9 创建该元素 10 找一个已存在的元素，去追加元素； 11 <div id="div1"> 12 <p id="p1">第一段</p> 13 <p id="p2">第二段</p> 14 </div> 15 2、删除已有HTML元素 16 须找到要删除元素的父元素，再删除子元素 17 --> 18 <script> 19 var param = document.createElement("p"); 20 var node = document.createTextNode("这是新文本"); 21 param.appendChild(node); 22 23 var ele = document.getElementById("div1"); 24 var child = document.getElementById("p1"); 25 26 //添加元素 27 ele.appendChild(param); 28 29 //删除元素 30 ele.removeChild(child); 31 </script> 32 </body>