您好,欢迎访问一九零五行业门户网

javascript中节点怎么删除

javascript删除节点的方法:1、使用remove()方法,可用于删除父节点上的所有元素,包括所有文本和子节点;2、使用removechild()方法,可用于删除父节点上的一个子节点。
本教程操作环境:windows7系统、ecmascript 5版、dell g3电脑。
在javascript中,可以使用removechild()或remove()方法来删除节点。
1、使用使用removechild()删除节点
removechild() 方法删除指定元素的某个指定的子节点。以 node 对象返回被删除的节点,如果节点不存在则返回 null。
语法
node.removechild(node)
node:必需。您希望删除的节点对象。
示例:
<!doctype html><html><head><meta charset="utf-8"></head><body><ul id="mylist"><li>coffee</li><li>tea</li><li>milk</li></ul><p id="demo">单击按钮移除列表的第一项</p><button onclick="myfunction()">点我</button><script>function myfunction(){ var list=document.getelementbyid("mylist"); list.removechild(list.childnodes[0]);}</script></body></html>
效果图:
【推荐学习:js基础教程】
2、使用remove()方法删除节点
remove()方法可用于删除父节点上的所有元素,包括所有文本和子节点。
<!doctype html><html><head> <meta charset="utf-8"></head> <body> <ul style="border: 2px dashed #006daf;"> <li>get up in morning</li> <li>do some exercise</li> <li>get ready for school</li> <li>study daily</li> <li>do homework</li> </ul> <input id="btn" type="button" value="删除子节点"> </body> <script> function deletechild() { var e = document.queryselector("ul"); var first = e.firstelementchild; while (first) { first.remove(); first = e.firstelementchild; } } var btn = document.getelementbyid("btn").onclick = function() { deletechild(); } </script> </html>
效果图:
更多编程相关知识,请访问:编程视频!!
以上就是javascript中节点怎么删除的详细内容。
其它类似信息

推荐信息