删除父级元素

2018-06-24 02:06:21来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<script>
    window.onload=function(){
        var oUl=document.getElementById('ul');
        var oA=document.getElementsByTagName('a');
        for(var i=0;i<oA.length;i++){
            oA[i].onclick=function(){
                if(oA.length==1){
                    return false;
                }
                oUl.removeChild(this.parentNode);
            }
        }
    }
</script>
</head>
<body>
    <ul id="ul">
        <li>我是第一行文字<a href="javascript:;">删除</a></li>
        <li>我是第一行文字<a href="javascript:;">删除</a></li>
        <li>我是第一行文字<a href="javascript:;">删除</a></li>
        <li>我是第一行文字<a href="javascript:;">删除</a></li>
        <li>我是第一行文字<a href="javascript:;">删除</a></li>
        <li>我是第一行文字<a href="javascript:;">删除</a></li>
    </ul>
</body>
</html>

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:css边框样式、边框配色、边框阴影、边框圆角、图片边框

下一篇:找工作的一些感悟——前端小菜的成长