[學習筆記]JavaScript基礎--DOM刪除元素

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <script>
        window.onload = function ()
        {
            var aA = document.getElementsByTagName('a');
            var oUl = document.getElementById('ull');

            for (var i = 0; i < aA.length;i++)
            {
                aA[i].onclick = function ()
                {
                    oUl.removeChild(this.parentNode);
                };
            }
        };
    </script>
</head>
<body>
    <ul id="ull">
        <li>1111<a href="javascript:;">刪除</a></li>
        <li>2222<a href="javascript:;">刪除</a></li>
        <li>3333<a href="javascript:;">刪除</a></li>
        <li>4444<a href="javascript:;">刪除</a></li>
    </ul>
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章