JS如何删除节点和所有子节点

JS如何删除节点和所有子节点

2018年07月16日 09:53:21 NicoleCao 阅读数 8088

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.youkuaiyun.com/NicoleSmith/article/details/81060077

1. 删除Id为demo节点

var element=document.getElementById("demo");
element.parentNode.removeNode(element);

2. 删除class类名为demo的所有节点

var elements = document.getElementsByClassName('demo');
for(var i = elements.length - 1; i >= 0; i--) { 
  elements[i].parentNode.removeChild(elements[i]); 
}

3. 删除Id为demo下的所有子节点

var el = document.getElementById('demo'); 
var childs = el.childNodes; 
for(var i = childs .length - 1; i >= 0; i--) {
  el.removeChild(childs[i]);
}