ITPub博客

首页 > IT职业 > IT图书 > js中使用removeChild()方法删除dom节点

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

IT图书 作者:robert95 时间:2021-09-11 10:02:06 0 删除 编辑

本文教程操作环境: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教程。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3263/viewspace-2831119/ ,如需转载,请注明出处,否则将追究法律责任。

下一篇: java是什么
请登录后发表评论 登录
全部评论

注册时间:2019-08-30

  • 博文量
    87
  • 访问量
    671