javascript中节点的删除方法

这篇文章将为大家详细讲解有关javascript中节点的删除方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

javascript删除节点的方法:1、使用删除()方法,可用于删除父节点上的所有元素,包括所有文本和子节点;2、使用removeChild()方法,可用于删除父节点上的一个子节点。

在javascript中,可以使用removeChild()或删除()方法来删除节点。

<强> 1,使用使用removeChild()删除节点

removeChild()方法删除指定元素的某个指定的子节点。以节点对象返回被删除的节点,如果节点不存在则返回零。

语法

node.removeChild(节点) <李>

节点:必需。您希望删除的节点对象。

示例:

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=皍tf-8"祝辞 　　& lt;/head> 　　& lt; body> 　　 　　& lt; ul  id=癿yList"祝辞& lt; li> Coffee & lt; li> Tea & lt; li> Milk & lt;/ul> 　　& lt; p  id=癲emo"祝辞单击按钮移除列表的第一项& lt;/p> 　　& lt; button  onclick=癿yFunction(),在点我& lt;/button> 　　& lt; script> 　　function  myFunction () { 　　var 列表=. getelementbyid (“myList"); 　　list.removeChild (list.childNodes [0]); 　　} 　　& lt;/script> 　　 　　& lt;/body> 　　& lt;/html>

效果图:

【推荐学习:js基础教程】

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

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

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=皍tf-8"祝辞 　　时间/head> & lt; 　　,, 　　& lt; body>, 　　,,,& lt; ul 风格=氨呔?,2 px  dashed  # 006 daf);“祝辞, 　　,,,,,,,& lt; li> Get  Up  Morning拷贝, 　　,,,,,,,& lt; li> Do  some  exercise, 　　,,,,,,,& lt; li> Get  Ready  for  school, 　　,,,,,,,& lt; li> Study  Daily, 　　,,,,,,,& lt; li> Do  homework, 　　,,,& lt;/ul>, 　　,,,& lt; input  id=癰tn",类型=癰utton",价值=https://www.yisu.com/zixun/吧境咏诘恪? 　　 　　<脚本> 　　函数deleteChild () { 　　var e=document.querySelector (“ul”); 　　首先var=e.firstElementChild; 　　而(){ 　　first.remove (); 　　第一次=e.firstElementChild; 　　} 　　} 　　var btn=. getelementbyid (btn)。onclick=function () { 　　deleteChild (); 　　}>

效果图:

关于“javascript中节点的删除方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

javascript中节点的删除方法