利用循环removeChild删除节点只删除一半问题

<!DOCTYPE html>

<html>

  <head>

    <title>adduser.html</title>

     

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="this is my page">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

     

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

    <script type="text/javascript" src="../js/append1.js"></script>

     

  </head>

   

  <body >

    <div align="center">

        <div>添加联系人</div>

        <input type="text" name="name">姓名<br/>

        <input type="text" name="phone">电话<br/>

        <input type="text" name="mail">邮箱<br/>

        <input type="button" onclick="add()" value="提交">

    </div>

    <hr>

    <div align="center">

        <table border="1" cellspacing="0" id="table">

            <tr id="Button">

                <td colspan="4" align="center">

                    <input type="button" value="全选" onclick=All()>

                    <input type="button" value="反选" onclick=other()>

                    <input type="button" value="删除" onclick=Delete()>

                </td>

            </tr>

            <tr>

                <td><input name="items" type="checkbox" ></td>

                <td>李四</td>

                <td>1361888234</td>

                <td>[email protected]</td>

            </tr>

        </table>

         

    </div>

  </body>

</html>

function add(){

                         

                var Node_name=document.getElementsByName("name")[0];

                var Node_phone=document.getElementsByName("phone")[0];

                var Node_mail=document.getElementsByName("mail")[0];

                 

                var Element_tr=document.createElement("tr");

                 

                var select_td=document.createElement("td");

                var input_node=document.createElement("input");

                input_node.setAttribute("name","items");

                input_node.setAttribute("type", "checkbox");

                select_td.appendChild(input_node);

             

                var name_td=document.createElement("td");

                var name_text=document.createTextNode(Node_name.value);

                name_td.appendChild(name_text);

                 

                var phone_td=document.createElement("td");

                var phone_text=document.createTextNode(Node_phone.value);

                phone_td.appendChild(phone_text);

                 

                var mail_td=document.createElement("td");

                var mail_text=document.createTextNode(Node_mail.value);

                mail_td.appendChild(mail_text);

                 

                 

                Element_tr.appendChild(select_td);

                Element_tr.appendChild(name_td);

                Element_tr.appendChild(phone_td);

                Element_tr.appendChild(mail_td);

                 

                var Element_table=document.getElementById("table");

                Element_table.appendChild(Element_tr);

 

        }

         

         

        function All(){

            var check_node=document.getElementsByName("items");

            for ( var i = 0; i < check_node.length; i++) {

                check_node[i].checked="checked";

            }

        }

        function other(){

            var check_node=document.getElementsByName("items");

            for ( var i = 0; i < check_node.length; i++) {

                if(check_node[i].checked){

                    check_node[i].checked=null;

                }else{

                    check_node[i].checked="checked";

                }

            }

        }

         

        function Delete(){

            var check_node=document.getElementsByName("items");

            //alert(check_node.length);             for ( var i = 0; i < check_node.length; i++) {

                 

                if(check_node[i].checked){

                    //alert(check_node[i].checked);                     var delete_tr_node=check_node[i].parentNode.parentNode;

                    //alert(delete_tr_node.nodeName);                     var Element_table=document.getElementById("table");

                    Element_table.removeChild(delete_tr_node);

                }

            }

        }

For循环颠倒一下就可以了,现在循环是从小到大,改成从大到小就可以了,因为数组长度在变化

时间: 2024-12-12 10:23:58

利用循环removeChild删除节点只删除一半问题的相关文章

C语言实现非循环双链表节点的删除(带头结点尾结点)

我在之前一篇博客<C语言实现非循环双链表节点的删除(不带头结点)>中详细讲解了不含头尾节点的双链表中删除一个节点,处理过程还是稍显麻烦.自从我们学习使用头尾节点来处理双链表后,删除过程就非常方便.代码上传至 https://github.com/chenyufeng1991/DeleteNodeDoubleLinkedList_HeadList . 核心代码如下: //删除pos位置的节点 int DeletePosList(Node *pHead,Node *pTail,int pos){

C语言实现非循环双链表节点的删除(不带头结点)

不带头结点的非循环双链表在删除节点的时候比价麻烦,因为同时要维护prior和next两个指针.在处理第一个节点和最后一个节点的时候都要分别考虑,同时也需要考虑节点数量为1的情况.删除情况分为下面两类: (1)删除pos位置的节点: (2)判断x是否在链表中,若存在则删除: 代码上传至 https://github.com/chenyufeng1991/DeleteNodeDoubleList  . 核心代码如下: //删除pos位置的节点 Node *deletePosList(Node *pN

0166 DOM 之 节点操作: 删除节点,删除留言案例,复制(克隆)节点,动态生成表格案例,创建元素的三种方式,innerHTML和createElement效率对比

1.1.1 删除节点 node.removeChild(child) // 此处的node指 父节点 node.removeChild() 方法: 从 node节点中删除一个子节点,返回删除的节点. <button>删除</button> <ul> <li>熊大</li> <li>熊二</li> <li>光头强</li> </ul> <script> // 1.获取元素 va

remove() 删除节点 | detach() 删除节点 | empty() 清空节点的内容 | clone() 复制节点

<html> <head> <title></title> <script src="jquery-2.1.3.js"></script> </head> <body> <div> <ul> <li>中国</li> <li>美国</li> <li>德国</li> <li>俄国</

RedisCluster 添加/删除节点

一,redis cluster命令行 查看复制打印? //集群(cluster) CLUSTER INFO 打印集群的信息 CLUSTER NODES 列出集群当前已知的所有节点(node),以及这些节点的相关信息. //节点(node) CLUSTER MEET <ip> <port> 将 ip 和 port 所指定的节点添加到集群当中,让它成为集群的一份子. CLUSTER FORGET <node_id> 从集群中移除 node_id 指定的节点. CLUSTER

jquery里面的DOM操作(查找,创建,添加,删除节点)

一:创建元素节点(添加)    创建元素节点并且把节点作为元素的子节点添加到DOM树上 1.append(): 在元素下添加元素    用法:$("id").append("定义的节点"); 例如:var li1 = $("<li>橘子</li>");    添加属性节点:$("<li class='test'>草莓</li>") 2.appendTo(): 将元素添加到元素里面

约瑟夫问题 算法很简单保证每隔人都能看懂用数组实现 利用循环删除数组中的元素

#include<iostream> using namespace std; const int size = 1000; void ArrDel() { int arr[size]; //循环结束标志,一直循环到数组中只剩下最后一个元素结束 int currentNum = size; int count = 0; for (int k = 0; k < size; k++) { arr[k] = k; } //currentNum==1表示数组中只剩下最后一个元素 是循环结束的标志

删除节点removeChild()

http://www.imooc.com/code/1700 删除节点removeChild() removeChild() 方法从子节点列表中删除某个节点.如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL. 语法: nodeObject.removeChild(node) 参数: node :必需,指定需要删除的节点. 我们来看看下面代码,删除子点. 运行结果: HTML 删除节点的内容: javascript 注意: 把删除的子节点赋值给 x,这个子节点不在DOM树中,但是还存

删除节点(removeChild())

remoceChild():方法将从一个给定元素里删除一个子节点: reference = element.removeChild(node); 这个方法的返回值是一个指向已经被删除的子节点的引用指针. 当某个节点被removeChild()方法删除时,这个节点包含的所有子节点将同时被删除. 在下例中,id属性值是content的元素还包含这一个id属性值是fineprint的元素,我们将用removeChild()方法从content元素里把fineprint元素删掉: var contain