javascript删除子节点的方法

小编给大家分享一下javascript删除子节点的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

javascript删除子节点的方法:首先获取父节点对象和子节点对象,然后使用removeChild()方法来删除子节点,语法“父节点对象.removeChild(子节点对象)“.removeChild()方法可以删除父节点上的一个子节点。

本教程操作环境:windows7多系统,javascript1.8.5版,戴尔G3电脑。

<强> javascript删除子节点

removeChild()方法可以删除父节点上的一个子节点。

语法:

parentNode.removeChild(节点名) <李>

节点名:当前节点的名字

<李>

parentNode:当前节点的父节点

示例:

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=皍tf-8"祝辞 　　& lt; style> 　　div { 　　边界:2 px  dashed  # 006 daf); 　　填充:10 px; 　　} 　　p { 　　背景颜色:淡菊黄色; 　　} 　　& lt;/style> 　　时间/head> & lt; 　　,, 　　& lt; body>, 　　,,,& lt; div> div元素——父元素 　　,,,,& lt; p> p元素——子元素& lt;/p> 　　,,,,& lt; p> p元素——子元素& lt;/p> 　　,,,& lt;/div>, & lt; br /比; 　　,,,& lt; input  id=癰tn",类型=癰utton",价值=https://www.yisu.com/zixun/吧境咏诘恪? 　　 　　<>脚本 　　函数deleteChild () { 　　var div=document.querySelector (" div "); 　　var p=document.querySelector (“p”); 　　 　　div.removeChild (p); 　　 　　} 　　var btn=. getelementbyid (btn)。onclick=function () { 　　deleteChild (); 　　}>

效果图:

以上是“javascript删除子节点的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

javascript删除子节点的方法