<!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>ab@sina.com</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循环颠倒一下就可以了，现在循环是从小到大，改成从大到小就可以了,因为数组长度在变化

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

  1. [转]Javascript removeChild()删除节点及删除子节点的方法(同样适用于jq)

    Javascript removeChild()删除节点及删除子节点的方法 这篇文章主要介绍了Javascript removeChild()删除节点及删除子节点的方法的相关资料,需要的朋友可以参考下 ...

  2. js进阶 11-12 jquery如何实现节点的删除和复制

    js进阶 11-12  jquery如何实现节点的删除和复制 一.总结 一句话总结:remove().detach().empty()方法 1.jquery删除节点中的remove()方法和detac ...

  3. jQuery中的查找节点、创建节点、插入节点、删除节点、替换节点、复制节点操作方法

    jQuery操作节点我们可以分六点来讲,查找节点.创建节点.插入节点.删除节点.替换节点.复制节点. 一.查找节点 text() - 设置或返回所选元素的文本内容   ,html() - 设置或返回所 ...

  4. jQuery里面的DOM操作（查找，创建，添加，删除节点）

    一:创建元素节点(添加) 创建元素节点并且把节点作为元素的子节点添加到DOM树上 append(): 在元素下添加元素 用法:$("id").append("定义的节点& ...

  5. hdu2473 Junk-Mail Filter 并查集+删除节点+路径压缩

    Description Recognizing junk mails is a tough task. The method used here consists of two steps:  1) ...

  6. RedisCluster 添加/删除节点

    一,redis cluster命令行 //集群(cluster) CLUSTER INFO 打印集群的信息 CLUSTER NODES 列出集群当前已知的所有节点(node),以及这些节点的相关信息. ...

  7. 删除节点removeChild()

    http://www.imooc.com/code/1700 删除节点removeChild() removeChild() 方法从子节点列表中删除某个节点.如删除成功,此方法可返回被删除的节点,如失 ...

  8. JavaScript--DOM删除节点removeChild()

    删除节点removeChild() removeChild() 方法从子节点列表中删除某个节点.如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL. 语法: nodeObject.remo ...

  9. 删除节点（removeChild()）

    remoceChild():方法将从一个给定元素里删除一个子节点: reference = element.removeChild(node); 这个方法的返回值是一个指向已经被删除的子节点的引用指针 ...

随机推荐

  1. HTML5之广播聊天室

    - 服务器端广播文本- 所有客户端都可以收到 --- 客户端 - 定义文本框- 定义发送事件 textarea accesskey =t oninput="sendmsg();"- ...

  2. 英文版firefox显示中文字体丑的问题

    在Options里面选择Content,在Fonts&Colors区域的Default font中,选择Times New Roman 如下图1: 在旁边的Advanced中选择,Fonts ...

  3. C#基础(八)——C#数据类型的转换

    C#数据类型的转换主要有以下几种方式: 1.强制转换 注意:char类型不能强制转换成int,如果使用强制转化,得到的是原整数的ASCII码值. 2.class.parse(string类型的变量), ...

  4. sizeof() 之 数组

    在平时的编程中,我们会经常用到数组,并且需要知道数组的长度,有时我们可以明确的知道数组的长度,但有时并不,这时,可以借用sizeof(),来获得数组的长度,如下: arrayLength = size ...

  5. HttpClient SSL示例(转)

    原文地址: http://www.cnblogs.com/jerry19890622/p/4291053.html package com.jerry.httpclient; import java. ...

  6. CCNP第二天 帧中继综合实验

    实验题如图所示: 要求全网可达 R5为帧中继交换机 R6 和 R1之间为快速以太网接口 所使用的拓扑为CCNA标准版拓扑图,如下所示: -------------------------------- ...

  7. Windows Service 访问远程共享权限设置

    最近为实现共享目录之间的文件同步,开发了一个Windows Service. 考虑到在拷贝过程中,如果网络忽然抽风访问不了,导致文件拷贝不完整的情况,果断抛弃.Net 自带的 COPY 方法,而使用D ...

  8. （转）ASP.NET缓存全解析6：数据库缓存依赖

    ASP.NET缓存全解析文章索引 ASP.NET缓存全解析1:缓存的概述 ASP.NET缓存全解析2:页面输出缓存 ASP.NET缓存全解析3:页面局部缓存 ASP.NET缓存全解析4:应用程序数据缓 ...

  9. img test

  10. c语言背后的运行机制

    目的:通过分析c语言转换成汇编代码后的执行过程对汇编语言和X86构架有一个初步认识 实验代码 #include <stdio.h> int g(int x) { ; } int f(int ...