javascript 删除节点

原文:http://www.eyike.com/html/y2009/javascript-delete-element-node.html

  
    

   
     
   
     <
   
     div
   
     ><
   
     input 
   
     onclick
   
     ="removeNode(this)"
   
      type
   
     ="text"
   
      value
   
     ="点击移除该输入框"
   
      
   
     /></
   
     div
   
     >
  
    

这个方法在IE下是好使的，但是在Firefox等标准浏览器中就会报错了 removeNode is not defined，但是在核心JS中有一个操作DOM节点的方法叫： removeChild()，看名字应该就知道是移除子节点的，那么我们就可以变通一下来实现移除指定的节点了，我们可以先去找到要删除节点的父节点，然后在父节点中运用removeChild来移除我们想移除的节点。我们可以定义一个方法，就叫removeElement吧。

代码

   
     

    
      
    
      <
    
      script 
    
      type
    
      ="text/javascript"
    
      >
    
      

    
      function
    
       removeElement(_element){
 
    
      var
    
       _parentElement 
    
      =
    
       _element.parentNode;
 
    
      if
    
      (_parentElement){
 _parentElement.removeChild(_element);
 }
}

    
      </
    
      script
    
      >
    
      

    
      <
    
      div
    
      ><
    
      input 
    
      onclick
    
      ="removeElement(this)"
    
       type
    
      ="text"
    
       value
    
      ="点击移除该输入框"
    
       
    
      /></
    
      div
    
      >