<!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. notification:object not locked by thread before notify()

    今天写notification练习时,误将NotificationManager.notify(0, notification);写成notification.notify(); 代码如下 publi ...

  2. 树形dp hdu1561

    有的堡垒攻克需要攻克另一个堡垒,形成一个森林,最多攻克m个堡垒,求获得宝物的最大价值. 1,以0做根将森林形成树: 2,用背包计算当前节点下需要攻克k个堡垒能获得的宝物最大价值,但是注意同一个根节点的 ...

  3. C++ Primer 5th 第1章 开始

    *****代码在Ubuntu g++ 5.31 / clang++ 3.8(C++11)下编写调试***** 每个C++程序必须有一个main( )函数,main( )函数的返回值也必须是int类型, ...

  4. 面试题，自己写写dome总是好的

    1.完成如下图所示的布局 <html> <head> <meta http-equiv="Content-Type" content="te ...

  5. php模板引擎技术简单实现

    用了smarty,tp过后,也想了解了解其模板技术是怎么实现,于是写一个简单的模板类,大致就是读取模板文件->替换模板文件的内容->保存或者静态化 tpl.class.php主要解析 as ...

  6. Python一路走来 RabbitMQ

    一:介绍:(induction) Rabbitmq 是一个消息中间件.他的思想就是:接收和发送消息.你可以把它想成一个邮政局.当你把你的邮件发送到邮箱的,首先你需要确认的是:邮政员先生能把你的邮件发送 ...

  7. mac下 配置tomcat

    第一步: 1.打开你的终端:然后输入  pico .bash_profile   回车 第二步: 2. 然后添加你tomcat放入的路径的path 编辑完后,control+x   (保存)    继 ...

  8. ROM包内的大致框架及各个文件的作用[转]

    1.system/app这个里面主要存放的是常规的应用程序,都是以apk格式结尾的文件,在这个文件夹下面的程序为系统默认的组件,个人安装的软件不会出现在这里,而是data文件夹中. 2.system/ ...

  9. Qt浅谈之二十App自动重启及关闭子窗口

    一.简介 最近因项目需求,Qt程序一旦检测到错误,要重新启动,自己是每次关闭主窗口的所有子窗口但有些模态框会出现问题,因此从网上总结了一些知识点,以备以后的应用. 二.详解 1.Qt结构 int ma ...

  10. linux磁盘限额配置：quota命令

    LINUX下也有类似WINDOWS NTFS所用的磁盘限额,用的是quota来实现通过rpm -q quota确定是否已安装用quota只能对patation做限额,要做到针对某个目录来做只能靠ln ...