学习了父节点与子节点，就可以进行节点的添加操作了，一个简易的留言板的创建就是利用了节点的添加和删除。

想要在页面添加一个新的元素，我们可以分成两步：1，创建节点 2，添加节点

一：创建节点

document.creatElement (想要添加的元素)

例如想在空的ul标签里添加一个li标签，首先我们要先创建一个li，以下操作就可以完成创建

<ul></ul>
       <script>
           var newele=document.createElement('li');      
        </script>

二：添加节点

node.appendChild (创建过的想添加的节点)     node：父级

这个方法是在已有标签的后面添加节点

       <ul>
           <li>本身存在的标签</li>
       </ul>
       <script>
           var newele=document.createElement('li');    
           var ul=document.querySelector('ul');
           ul.appendChild(newele);
        </script>

 确实被添加了

还有一个方法是在指定元素的前面添加节点：

node.insertBefore ( 创建过的想添加的节点, 指定元素 )      node：父级

       <ul>
           <li>本身存在的标签</li>
       </ul>
       <script>
           var newele=document.createElement('li');    
           var ul=document.querySelector('ul');
           ul.insertBefore(newele,ul.children[0]);
        </script>