javascript删除div节点的方法

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

方法:1,首先获取div节点,然后使用()来删除删除div节点,语法”div节点.remove();”。2,首先获取div的父节点,然后获取div节点,最后使用“父节点.removeChild (div节点)”语句来删除div节点。

<强>方法1:使用删除()删除节点

删除()方法可用于删除父节点上的所有元素,包括所有文本和子节点。

示例:

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=皍tf-8"祝辞 　　时间/head> & lt; 　　,, 　　& lt; body>, 　　,,,& lt; div 风格=氨呔?,2 px  dashed  # 006 daf;填充:,10 px;“祝辞div元素& lt;/div>, 　　,,,& lt; input  id=癰tn",类型=癰utton",价值=https://www.yisu.com/zixun/吧境咏诘恪? 　　 　　<>脚本 　　函数deleteChild () { 　　var div=document.querySelector (" div "); 　　 　　div.remove (); 　　 　　} 　　var btn=. getelementbyid (btn)。onclick=function () { 　　deleteChild (); 　　}>

效果图:

<强>方法2:使用removeChild()删除节点

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

示例:

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=皍tf-8"祝辞 　　时间/head> & lt; 　　,, 　　& lt; body>, 　　,,,& lt; div 风格=氨呔?,2 px  dashed  # 006 daf;填充:,10 px;“祝辞div元素& lt;/div>, 　　,,,& lt; input  id=癰tn",类型=癰utton",价值=https://www.yisu.com/zixun/吧境咏诘恪? 　　 　　<>脚本 　　函数deleteChild () { 　　身体var=document.querySelector(“身体”); 　　var div=document.querySelector (" div "); 　　 　　body.removeChild (div); 　　 　　} 　　var btn=. getelementbyid (btn)。onclick=function () { 　　deleteChild (); 　　}>

效果图:

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

javascript删除div节点的方法