js Node.removeChild 删除子节点

来源:互联网 发布:社交软件英语怎么说 编辑:程序博客网 时间:2024/05/22 00:07

参考文档   https://developer.mozilla.org/zh-CN/docs/Web/API/Node/removeChild


语法:

remove_child  = parent_node.removeChild(self_node)

elementNodeReference.remove();  //  很简单的删除元素的方法 , 将元素从从它所属的DOM中删除

备注:

a. 返回的删除的节点, 存放在内存里面,可以把它再次插入文档里面

b. 这个节点信息是动态变动的  当心溢出


eg:

<!-- HTML结构 --><ul id="test-list">    <li>JavaScript</li>    <li>Swift</li></ul><script type="text/javascript">    $(document).ready(function() {        'use strict';        var list = document.getElementById('test-list');        list.remove(list[0]);        list.remove(list[1]); // 此处会报错  因为直到到这一步的时候  list[1]已经不存在了    })</script>