3parentNode小例子

来源：互联网发布：ubuntu修改镜像源编辑：程序博客网时间：2024/06/05 05:26

<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title>    <style>        #ul li{            width: 150px;            height: 50px;            background: pink;            list-style: none;            border:1px solid red;            margin-top:3px;            text-align:center;        }        a{            text-decoration: none;            line-height:50px;        }    </style></head><body>    <ul id= "ul">        <li><a href="javascript:">隐藏1</a></li>        <li><a href="javascript:">隐藏2</a></li>        <li><a href="javascript:">隐藏3</a></li>        <li><a href="javascript:">隐藏4</a></li>        <li><a href="javascript:">隐藏5</a></li>    </ul>    <script>        window.onload=function(){            var a = document.getElementsByTagName("a");            for(var i=0;i<a.length;i++){                a[i].onclick=function(){                    this.parentNode.style.display="none";                }            }        }    </script></body></html>

这里写图片描述

阅读全文

0 0