<!DOCTYPE html>

<html>

<head>

    <title></title>

    <script type="text/javascript">

        window.onload=function(){

        document.getElementById("btn_ID").onclick=function(){

/*            alert("213");*/

            //获取文本框的值

            var nameValue=document.getElementById("userid").value;

            var EValue=document.getElementById("EID").value;

            var PhoneValue=document.getElementById("PhoenID").value;

           // alert(EValue);

            //获取td

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

            var nameText=document.createTextNode(nameValue);

            nameTD.appendChild(nameText);

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

            var EText=document.createTextNode(EValue);

            ETD.appendChild(EText);

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

            var PhoneText=document.createTextNode(PhoneValue);

            PhoneTD.appendChild(PhoneText);

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

            var aElement=document.createElement("a");

            aElement.setAttribute("href","deleteEmp?id="+nameValue);

            var DelText=document.createTextNode("删除");

            aElement.appendChild(DelText);

            DelTD.appendChild(aElement);

            //增加tr 把td增加到tr上

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

            tr.appendChild(nameTD);

            tr.appendChild(ETD);

            tr.appendChild(PhoneTD);

            tr.appendChild(DelTD);

            //吧tr增加到table上

            var tableElement=document.getElementById("tableExample");

            tableElement.appendChild(tr);

            //删除

            aElement.onclick=function(){

                //使网页链接失效

                return DelTr(aElement);

            }

            function DelTr(a){

                var name= a.parentNode.parentNode.firstChild.firstChild.nodeValue;

                //alert(name);

                var flag=window.confirm("你真的要删除"+name+"这行么?");

                if(!flag){

                    return false;

                }

                //获取tr的parent

                var TrParent=aElement.parentNode.parentNode.parentNode;

                //获取tr

                var Tr=aElement.parentNode.parentNode;

                //删除

                TrParent.removeChild(tr);

                //网页链接失效

                return false;

            }

        }

        }

    </script>

</head>

<body>

添加用户:<br/>

用户名:<input type="text" name="user"id="userid"/>

Email:<input type="text" name="Ename" id="EID"value="qinxia@so.com"/>

电话:<input type="text" name="Phonename" id="PhoenID"/><br/>

<input type="button"value="提交"id="btn_ID"/>

<table border="1" id="tableExample">

    <tr><td>用户名</td><td>Email</td><td>电话</td><td>删除</td></tr>

</table>

</body>

</html>

document 例子的更多相关文章

  1. MongoDB (八) MongoDB 文档操作

    一. MongoDB 插入文档 insert() 方法 要插入数据到 MongoDB 集合,需要使用 MongoDB 的  insert() 或 save() 方法. 语法 insert() 命令的基 ...

  2. trigger()的event事件对象之坑

    问题引入,先贴一段有问题的代码,如果你对 trigger()  这个函数了解不透彻,还真看不出这段代码错在哪.完成的功能是样式转换器,想让页面在加载后自行触发点击事件隐藏三个按钮,但是效果如图并没有隐 ...

  3. js鼠标右键操作

    一个页面中,BODY中用oncontextmenu='return false'来取消鼠标右键: 在JS中设置oncontextmenu='return true'用window.document. ...

  4. MongoDB 基础命令——数据库表的增删改查——遍历操作表中的记录

    分组排序查询最大记录 //对 "catagory" 不等于 null 的数据进行分组查询,且查询结果倒序 db.getCollection('userAccount').aggre ...

  5. MongoDB快速入门

    http://www.yiibai.com/mongodb/mongodb_quick_guide.html 创建数据库 MongoDB use DATABASE_NAME 用于创建数据库.该命令如果 ...

  6. [knownledge][latex] LaTex入门

    序言 最近需要写一份文档, 时间也不是特别紧. 之前一直用markdown写文档. 始终想学一下LaTex, 毕竟是学术论文界的工具. 在提及LaTex的内容之前. 事必是一定要首先提及高德纳的. 他 ...

  7. mongodb shell和Node.js driver使用基础

    开始: Mongo Shell 安装后,输入mongo进入控制台: //所有帮助 > help //数据库的方法 > db.help() > db.stats() //当前数据库的状 ...

  8. Linux 数据重定向

    名称 描述 代码 表示 stdin 标准输入 0 < 或 << stdout 标准输出 1 > 或 >> stderr 标准错误输出 2 2> 或 2> ...

  9. gnome3增加自定义程序快捷方式

    gnome3增加自定义程序快捷方式   1. 安装alacarte   在命令行输入下列命令安装alacarte程序   yum -y install alacarte   安装完毕后,在命令行输入下 ...

随机推荐

  1. 微信企业号 出现redirect_uri unauthorized 50001 解决办法

    在企业号内获得用户信息时,需要对域名授权,如果不授权会提示: redirect_uri unauthorized  50001 错误. 通常,我们会在 输入我们的授权域名. 今天在企业号内又新建了一个 ...

  2. 解决MacOS Terminal打开慢的问题

    用了Mac有一段时间了,突然发现Terminal打开奇慢,每次打开都显示logining...,打开大概要个五六秒的时间,以前打开都是瞬间打开的啊,这对于我们这种追求速度的程序员怎么受的了呢.开始一直 ...

  3. Swift中可能失败的构造器的传播(调用)和重写

    import Foundation /* 可能失败构造器的传播(调用) 1.可能失败的构造器可以调用同一个类中的普通构造器 2.普通构造器不能调用同一个类中的可能失败构造器 3.结构体中, 普通构造器 ...

  4. sscanf 函数

    sscanf 函数: 从一个字符串中读进与指定格式相符的数据. 头文件: #include<stdio.h> 返回值:  sscanf("1 2 3","%d ...

  5. （转）OS X 升級後 MacPorts 重新安裝筆記

    原地址:http://blog.lyhdev.com/2012/07/os-x-macports.html Mac OS X 10.8 Mountain Lion 正式發佈,而且祭出台幣 $590 元 ...

  6. css技巧之如何实现ul li边框重合

    提到边框重合,我们不妨打开淘宝首页浏览主体分类内容板块瞧瞧---亲,你看到了,正是这个,边框重合.其实我们不难发现,这个效果并不难,只是我们没有真正的动手做过而已,所以不知道怎么做,那么下面就是一个很 ...

  7. js图片实时加载

    浏览大型网站,特别是图片比较多的图片,如大型的电商网站,你会发现处了第一屏外,往下滚动的时候图片才加载出来,没必要一开始加载就要把全部图片加载出来,这样子打开网面的速度得到了很好提高.以下是笔者目前所 ...

  8. php打印xml格式数据

    在你要输出的xml前边加       header("Content-type:text/xml;charset=utf-8"); 这个上边不要有任何输出 打印用echo 别用va ...

  9. 详解PHP的__set()、__get()、__isset()、unset()四个方法

    PHP系统中给我们提供了很多预定义的方法,这些方法大部分都需要在类中声明,只有需要时才添加到类中.它们的作用.方法名称.使用的参数列表和返回值都是在PHP中预定好的,并且都是以两个下划线开始的方法名称 ...

  10. [转]NopCommerce MVC 插件机制分析

    原文地址:http://www.cnblogs.com/haoxinyue/archive/2013/06/06/3105541.html 基本原理 插件话的应用程序一般都是先定义插件接口,然后把插件 ...