js基础：对DOM进行操作，删除、添加元素

 

 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>

 

posted @ 2017-04-19 22:43  LIULIULIU666  阅读(784)  评论(0)    收藏  举报