javascript删除所有节点的方法

javascript是一种直译式的脚本语言,其解释器被称为javascript引擎,是浏览器的一部分,javascript是被广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。

javascript删除所有节点的方法:首先获取父节点,然后使用firstElementChild属性根据父节点获取第一个子节点;最后使用而循环和“子节点.remove()语句,循环遍历删除所有子节点即可。

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

<强> javascript删除所有节点

& 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 (); 　　}>

效果图:

说明:

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

firstElementChild只获取第一个元素节点

感谢你能够认真阅读完这篇文章,希望小编分享的“javascript删除所有节点的方法”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

javascript删除所有节点的方法