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

 

创建HTML新元素(js),古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。