宝哥软件园

JavaScript使用保险商实验所中里标签实现删除效果

编辑:宝哥软件园 来源:互联网 时间:2021-08-26

本文实例为大家分享了射流研究…使用保险商实验所中里标签实现删除效果的具体代码,供大家参考,具体内容如下

html head meta charset=' utf-8 ' title/title style type=' text/CSS ' ul { list-style : none;} li {背景色: # DDD;页边距-top : 2px;}李:悬停{底色: # be 3131}李。悬停{背景色:绿色;} ;/style /head body ul id='uid' li篮球/li li足球/li li羽毛球/li li篮球/li li足球/li li羽毛球/li li篮球/li li足球/li li羽毛球/li /ul按钮onclick='doDel()'删除/按钮脚本类型='text/javascript' //获取所有的里节点var列表=文档。getelementbyid(' uid ').getElementsByTagName(' Li ');//给每一个里节点添加班级属性for(var I=0;一、清单。长度;i ) { list[i].onclick=function(){ if(this。类名=' hover '){ this。类名=';} else { this . class name=' hover } } }//删除操作函数DoDel(){ for(var I=0;一、清单。长度;i ) { if(list[i]).=' hover '){ list[I]。父节点。移除子项(列表[I]);我-;} } }/脚本/正文/html效果图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

更多资讯
游戏推荐
更多+