Day_12

DOM学习之移除元素

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.onload = function () {
            var aA = document.getElementsByTagName('a');
            var oUl = document.getElementById('ul1')

            for(var i=0;i<aA.length;i++){
                aA[i].onclick = function () {
                    oUl.removeChild(this.parentNode);
                    // 此处移除元素
                };
            }
        };
    </script>
</head>
<body>
<ul id="ul1">
    <li>WHONENOW<a href="javascript:">删除</a></li>
    <li>WHONENOW<a href="javascript:">删除</a></li>
    <li>WHONENOW<a href="javascript:">删除</a></li>
    <li>WHONENOW<a href="javascript:">删除</a></li>
    <li>WHONENOW<a href="javascript:">删除</a></li>
</ul>
</body>
</html>

 

 

　　

 

 

　　

 

posted @ 2019-07-24 19:28  沐晴皓月  阅读(119)  评论(0)    收藏  举报