<!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. 查找-find -grep

    find#.#-name#"*pc"#|#xargs#grep#"Flag" “*.pc”设置要找的文件名grep后面是要找的字符串 #是空格

  2. 《C++ Qt 设计模式》8|15拼图 小游戏的简单实现。拜托,别乱点!

    第零章:介绍 看到这个游戏了,感觉蛮好玩的,实现了一下. 界面如下: 游戏玩法:在3×*3的矩阵中,每个按钮都可以点击,如果按钮四周有一个是空白,则点击此按钮则会移动到这个空白.按钮字母顺序变成“AB ...

  3. 使用FTP删不掉文件的解决方法

    今天在清理自己的服务器的时候发现曾经上传了一些png文件,中文命名的,权限是718,如果权限为777就可以删掉但是很奇怪的是执行权限修改也不行,改不掉: 最后的解决方法就是使用windows 随便打开 ...

  4. wall time和monotonic time[转载]

    在一些系统调用中需要指定时间是用CLOCK_MONOTONIC还是CLOCK_REALTIME,以前总是搞不太清楚它们之间的差别,现在终于有所理解了.     CLOCK_MONOTONIC是mono ...

  5. java.imageIo给图片添加水印

    最近项目在做一个商城项目, 项目上的图片要添加水印①,添加图片水印;②:添加文字水印; 一下提供下个方法,希望大家可以用得着: package com.blogs.image; import java ...

  6. mouseenter 事件,固定右侧客服特效

    不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件. 只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件. 当鼠标指针离开元素时,会发生 mouseleave 事件 ...

  7. php计算代码运行时间与内存使用的一段代码

    计算运行时间及内存使用,代码如下: <?php //开始计时 $HeaderTime = microtime(true);//参数true表示返回浮点数值 //代码 //... printf(& ...

  8. PHP实现冒泡算法

    <?php //php函数:count($arr)返回array的数值总数. function bubble_sort($arr){ for ($i = 6;$i > 0;$i --){ ...

  9. 关于B/S系统中文件上传的大小限制怎么做

    1.前端:采用flash控件或者Html5的特性(有浏览器版本要求)来判断文件大小.纯html或js是没法判断用户上传文件大小的. 2.nginx:服务器端的第一道防线,一般会有对上传文件做大小限制. ...

  10. Kakfa揭秘 Day9 KafkaReceiver源码解析

    Kakfa揭秘 Day9 KafkaReceiver源码解析 上一节课中,谈了Direct的方式来访问kafka的Broker,今天主要来谈一下,另一种方式,也就是KafkaReceiver. 初始化 ...