DOM操作

1、创建DOM元素

　　a、createElement（标签名）     ----创建一个节点

　　b、appendChild(节点)         -----追加一个节点

例子：为ul插入li

代码：

1  2  3  4 
      5  6 19 20 21 22     23     
     
      24         25     
     
26 27 

运行效果：

为li里面加入内容：

代码：

1  2  3  4 
      5  6 21 22 23 24     25     26     
     
      27         28     
     
29 30 

运行效果：

2、插入元素

　　a、insertBefore(节点，原有节点)  ---在已有元素之前插入

　　--例子：倒序插入li

代码：

　　

1  2  3  4 
      5  6 23 24 25 26     27     28     
     
      29         30     
     
31 32 

运行效果：

3、删除DOM元素

　　a、removeChild(节点)     ---删除一个节点

　　--例子：删除li

　　代码：

　　

1  2  3  4 
      5  6 19 20 21 22     
     
      23         
      
aaaaaaa删除
24         
      
bbbbbbb删除
25         
      
ccccccc删除
26         
      
ddddddd删除
27         
      
eeeeeee删除
28         
      
fffffff删除
29         
      
ggggggg删除
30     
     
31 32 

运行效果：