js中使用removeChild()方法删除dom节点
2024-08-01
来源:骅佗教育
本文教程操作环境: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学习推荐:。