<!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. 操作xml文档的常用方式

    1.操作XML文档的两种常用方式: 1)使用XmlReader类和XmlWriter类操作 XmlReader是基于数据流的,占用极少的内存,是只读方式的,所以速度极快.只能采用遍历的模式查找数据节点 ...

  2. PHPNow升级PHP版本的方法

    在WIN上有时候需要测试一些PHP程序,又不会自行独立配置环境,那么PHPNow是非常好的选择. PHPNow自带的PHP版本为5.2.14,而最后一次更新在于2010-9-22,PHP5.2对于现在 ...

  3. 1058 A+B in Hogwarts (20)

    #include <stdio.h> int main() { ]; ]; ],&ans1[],&ans1[],&ans2[],&ans2[],&a ...

  4. 1006. Sign In and Sign Out

    #include <stdio.h> #include <algorithm> #include <iostream> #include <string.h& ...

  5. linux eval命令

    eval 功能说明:重新运算求出参数的内容.语 法:eval [参数]补充说明:eval可读取一连串的参数,然后再依参数本身的特性来执行.参 数:参数不限数目,彼此之间用分号分开. 1.eval命令将 ...

  6. mysql ab 压力测试的解读（转）

    本文转自:http://www.cnblogs.com/lemtree/articles/1676641.html. 就是APACHE自带的测试工具AB(apache benchmark).在APAC ...

  7. oracle游标小试

    有时候需要大面积的修改数据,这个时候用循环语句效率不高.而临时表又不能满足点对点修改的时候,游标似一种不错的选择(PS:好像游标也是为循环而生的吧) 现在有两张表 t1(ryid number,nam ...

  8. OFBiz进阶之HelloWorld（五）创建新实体

    参考文档 https://cwiki.apache.org/confluence/display/OFBIZ/OFBiz+Tutorial+-+A+Beginners+Development+Guid ...

  9. 第2章 Git安装与设置

    2.1 安装Git 略 2.2 设置Git 通过命令git config,用户可以把此类信息提供给本地版本库. 全局变量:在这台计算机上使用任何Git版本库时,这些全局变量的值都起作用.在相关命令中加 ...

  10. centos7 下载eclipse的镜像站点

    这里吐槽一下,由于两天前centos被我农崩溃了(系统更新的锅),所以所有的开发环境又得重来一次. 其实,之前去eclipse的官网下载就很慢,打开官网也很慢,然后你会发现下下来的安装程序(只有40多 ...