• javascript-删除节点


    任务目的:

    每点击一下按钮删除一个标签。

    掌握到了:

    这里是主要学习到了parentNote以及removeChild两个DOM属性。

    parentNote:parent英译为父亲,Note英译为节点。顾名思义就是:父节点

    removeChild:remove删除,Chinld儿子,顾名思义就是:子节点

    在删除某一个节点的时候需要调用其父节点,简单的说就是:只有他爹才能删除它。

    代码:

    <html>
    <head>
        <script>
            function del(){
                var lis = document.getElementsByTagName('li');//返回值为数组
                var lastli = lis[lis.length-1];//获取数组的最后一个值赋值给lastli变量。
                lastli.parentNode.removeChild(lastli);//parent英译为父亲,Node英译为节点。总的就是删除父节点下的lastli子节点。
            }
        </script>
    </head>
    <input type="button" value="点击我从最后删除li标签" onclick="del();">
        <ul>
            <li>春</li>
            <li>夏</li>
            <li>秋</li>
            <li>冬</li>
        </ul>
    <body>
    </body>
    </html>
  • 相关阅读:
    yii源码五
    yii源码四
    yii源码三 -- db
    yii源码二 -- interfaces
    yii源码一 -- CComponent
    jquery效果 窗口弹出案例
    JS滚动条
    JS表单验证
    [TCP/IP] TCP流和UDP数据报之间的区别
    [TCP/IP] 关闭连接后为什么客户端最后还要等待2MSL
  • 原文地址:https://www.cnblogs.com/xishaonian/p/6939404.html
Copyright © 2020-2023  润新知