js實現刪除當前元素的父級元素代碼

js實現刪除當前元素的父級元素代碼

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>奇葩天地網</title>
</head>
<body>
<ul class="list2">
    <li>
        <img alt="" src="qipa250_1.jpg"/>
        <div>每日奇葩</div>
        <a onclick="deleteQipaElement(this)">刪除</a>
    </li>
    <li>
        <img alt="" src="qipa250_2.jpg"/>
        <div>奇葩網</div>
        <a onclick="deleteQipaElement(this)">刪除</a>
    </li>
    <li>
        <img alt="" src="qipa250_3.jpg"/>
        <div>我是小奇葩</div>
        <a onclick="deleteQipaElement(this)">刪除</a>
    </li>
</ul>

<script type="text/javascript">
    function deleteQipaElement(Obj) {
        Obj.parentNode.parentNode.removeChild(Obj.parentNode);
    }
</script>
</body>
</html>



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