简单的DOM操作实例练习 

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>DOM操作</title>
 6         <script>
 7             function clickme(){
 8                 var div1 = document.getElementById("div1");
 9                 var p = document.createElement("p");
10                 var textNode = document.createTextNode("我是被添加的文本节点");
11                 p.appendChild(textNode);
12                 div1.appendChild(p);
13             }
14         </script>
15     </head>
16     <body>
17         <div id="div1">
18             <input type="button" value="点我" onclick="clickme()"/>
19         </div>
20     </body>
21 </html>

 

posted @ 2020-04-08 10:09  yxfyg  阅读(157)  评论(0)    收藏  举报