DOM树操作之删除，替换

removeChild(子节点)：删除节点（它杀）

自己无法删除自己，只能通过父亲节点删除，所以这个方法时父节点调用的

 <div>        
 <ul id="ulid">            <
 	<li id="li1">first</li>            
 	<li id="li2">second</li>            
 	<li id="li3">third</li>       
</ul>    
</div>    
<button onclick="fun()">点击</button>    
<script type="text/javascript">        
	function fun() {                       
		var ul = document.getElementById("ulid");            
		var li = document.getElementById("li1");   
		ul.removeChild(li);        
		}   
</script>

remove():删除节点（自杀）

自己删除自己，不需要通过父元素来调用

<div>        
<ul id="ulid">            
	<li id="li1">first</li>            
	<li id="li2">second</li>            
	<li id="li3">third</li>        
</ul>    
</div>    
<button onclick="fun()">点击</button>    
<script type="text/javascript">        
	function fun() {              
		var ul = document.getElementById("ulid");            
		var li = document.getElementById("li1");
		li.remove();
	}    
</script>

replaceChild(newNode,oldNode)：替换节点

也是由父节点调用

两个参数：

第一个参数：新节点
第二个参数：旧节点

 <div>        
 <ul id="ulid">            
 	<li id="li1">first</li>            
 	<li id="li2">second</li>            
 	<li id="li3">third</li>        
 </ul>    
 </div>    
 <button onclick="fun()">点击</button>    
 <script type="text/javascript">        
 	function fun() {            
 		var li1 = document.createElement("li");            
 		li1.innerHTML = "一";            
 		var ul = document.getElementById("ulid");            
 		var li = document.getElementById("li1");           
 		ul.replaceChild(li1, li);        
 	}    
 </script>