JS点击一个元素删除其父元素

最新推荐文章于 2024-08-16 22:36:01 发布

如果没有_明天

最新推荐文章于 2024-08-16 22:36:01 发布

阅读量2.4w

点赞数 4

分类专栏： JavaScript

本文链接：https://blog.csdn.net/u011199063/article/details/79399694

版权

JavaScript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

 
 <!DOCTYPE html> 
 
 < 
 html 
 > 
 
 < 
 head 
 > 
 
      
 < 
 meta  
 charset 
 = 
 "utf-8" 
 > 
 
      
 < 
 title 
 >e演示</ 
 title 
 > 
 
      
 < 
 script  
 type 
 = 
 "text/javascript" 
 > 
 
      
 function deleteElement(Obj){ 
 
          
 Obj.parentNode.parentNode.removeChild(Obj.parentNode); 
 
      
 } 
 
      
 </ 
 script 
 > 
 
 </ 
 head 
 > 
 
 < 
 body 
 > 
 
       
 < 
 ul  
 class 
 = 
 "list2"  
 > 
 
 < 
 li  
 > 
 
 < 
 img  
 alt 
 = 
 ""  
 src 
 = 
 "1.jpg"  
 /> 
 
 < 
 div 
 >mingzi1</ 
 div 
 > 
 
 < 
 a  
 onclick 
 = 
 "deleteElement(this)" 
 >删除</ 
 a 
 > 
 
 </ 
 li 
 > 
 
 < 
 li  
 > 
 
 < 
 img  
 alt 
 = 
 ""  
 src 
 = 
 "2.jpg"  
 /> 
 
 < 
 div 
 >mingzi2</ 
 div 
 > 
 
 < 
 a  
 onclick 
 = 
 "deleteElement(this)" 
 >删除</ 
 a 
 > 
 
 </ 
 li 
 > 
 
 < 
 li  
 > 
 
 < 
 img  
 alt 
 = 
 ""  
 src 
 = 
 "3.jpg"  
 /> 
 
 < 
 div 
 >mingzi3</ 
 div 
 > 
 
 < 
 a  
 onclick 
 = 
 "deleteElement(this)" 
 >删除</ 
 a 
 > 
 
 </ 
 li 
 > 
 
 </ 
 ul 
 > 
 
 </ 
 body 
 > 
 
 </ 
 html 
 > 