JavaScript中的appendChild（）方法

1.appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。

实例一：

Coffee
Tea
单击按钮将项目添加到列表中
点我

注意:
首先创建一个节点，
 然后创建一个文本节点，
然后将文本节点添加到LI节点上。
最后将节点添加到列表中。

 页面效果：

 

 

 实例一是向ul中添加li项

 

2.appendChild() 方法从一个元素向另一个元素移动元素。

实例二：

    
    



    
        左1
        左2
        左3
        左4
        左5
    
    
   	>>
   	<<
   
    
        右1
        右2
        右3
        右4
        右5
    
    

 

页面效果：

实例二是下拉框选项的移动

 

总结：

appendChild()方法是向节点添加最后一个子节点，也可以使用此方法从一个元素向另一个元素移动元素 。