9-12 插入节点appendChild()
本节编程练习不计算学习进度,请电脑登录imooc.com操作

插入节点appendChild()

在指定节点的最后一个子节点列表之后添加一个新的子节点。

语法:

appendChild(newnode)

参数:

newnode:指定追加的节点。

我们来看看,div标签内创建一个新的 P 标签,代码如下:

运行结果:

HTML
JavaScript
This is a new p

 

任务

试一试,完成为UL标签添加一个新项PHP。

1.在代码编辑器中,script标签内,为ul添加一个li。

2.设置li内容为PHP。

 

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6. </head>
  7. <body>
  8.  
  9. <ul id="test">
  10. <li>JavaScript</li>
  11. <li>HTML</li>
  12. </ul>
  13.  
  14. <script type="text/javascript">
  15.  
  16. var otest = document.getElementById("test");
  17.  
  18.  
  19.  
  20. </script>
  21.  
  22. </body>
  23. </html>
下一节