删除javascript所创建子节点的方法

2019-12-18,,,,

本文实例讲述了删除javascript所创建子节点的方法。分享给大家供大家参考。具体如下:

js创建的节点,一时不知道如何删除。。。耗了一大堆时间

for(var i = 0; i < jsonList.length; i++ ){
  var li_button = document.createElement("li");
  li_button.className = "button";
  var li_button_a = document.createElement("a");
  li_button_a.id = jsonList[i]._id;
  var li_button_text = document.createTextNode(jsonList[i].projectName);
  li_button_a.appendChild(li_button_text);
  li_button.appendChild(li_button_a);  
  ul_level2.appendChild(li_button);
}

后来才知道节点实质就是

ul_level2.innerHTML = '';中innerHTML =''的内容,只要将其设空,就可以清空子节点了。

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

  • JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
  • 利用vue.js插入dom节点的方法
  • JS获取子节点、父节点和兄弟节点的方法实例总结
  • Javascript removeChild()删除节点及删除子节点的方法
  • javascript获取网页中指定节点的父节点、子节点的方法小结
  • js遍历子节点子元素附属性及方法
  • JS 获取HTML标签内的子节点的方法
  • 浅谈js的html元素的父节点,子节点
  • js 获取元素所有兄弟节点的实现方法
  • JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
  • JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例

《删除javascript所创建子节点的方法.doc》

下载本文的Word格式文档,以方便收藏与打印。