码迷,mamicode.com
首页 > Web开发 > 详细

创建HTML新元素(js)

时间:2014-08-14 01:09:17      阅读:404      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   ar   div   html   log   htm   

 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>

 

创建HTML新元素(js),布布扣,bubuko.com

创建HTML新元素(js)

标签:style   blog   color   ar   div   html   log   htm   

原文地址:http://www.cnblogs.com/leetao94/p/3911340.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!