• 技术文章 >Web开发 >JavaScript

    js中使用removeChild()方法删除dom节点

    宋雪维宋雪维2021-03-08 10:06:29原创3179

    本文教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

    1、removeChild() 方法

    从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。

    2、删除节点步骤:

    1)获取到li标签

    2)执行父节点Ul标签

    3)执行删除

    3、使用语法

    nodeObject.removeChild(node)

    4、使用参数

    node (必需):指定需要删除的节点。

    5、js中使用removeChild()方法删除dom节点实例

    <body>
        <div id="main">
            <p id="p1">我是第一行</p>
            <p id="p2">我是第二行</p>
            <p id="p3">我是第三行</p>
        </div>
        <script>
            window.onload = function () {
                var parent = document.getElementById("main");
                var child = document.getElementById("p3");
                parent.removeChild(child);
            }
        </script>
    </body>

    以上就是js中使用removeChild()方法删除dom节点的原理及具体实例,希望能帮助你理解操作dom节点哦·更多JavaScript学习推荐:JavaScript教程

    专题推荐:js 删除dom节点
    上一篇:js中删除dom节点的方法有哪些 下一篇:js中dom节点删除remove方法

    相关文章推荐

    • 如何使用python爬取抖音视频?• python中的冒泡排序是什么?• python中的插入排序怎么用?• python中elasticsearch是什么?• python中yield from怎么用?

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网