删除父节点-10

  • 938
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>新建网页</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script>
    //封装一个对象del
    //变量dou = 获取元素标签名li 赋值给变量dou
    //变量jun = 变量dou元素-1  赋值给变量jun
    //变量jun的父节点删除掉子元素
    function del(){
        var dou = document.getElementsByTagName('li');
        var jun = dou[dou.length -1];
        jun.parentNode.removeChild(jun);
    }
    </script>
    </head>
        <body>
          
            <input type="button" value = "删除最后一个" onclick='del();'>
            <ul>
                <li>春</li><li>夏</li><li>秋</li><li>冬</li>
            </ul>
        </body>
    </html>

 

weinxin
我的微信
这是我的微信扫一扫
开拓者博主
  • 本文由 发表于 2016年7月22日12:24:19
  • 转载请务必保留本文链接:https://www.150643.com/175.html
匿名

发表评论

匿名网友 填写信息