<!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. zip命令的使用

    zip命令可以用来将文件压缩成为常用的zip格式.unzip命令则用来解压缩zip文件. 1. 我想把一个文件abc.txt和一个目录dir1压缩成为yasuo.zip: # zip -r yasuo ...

  2. RDD 重新分区，排序 repartitionAndSortWithinPartitions

    需求:将rdd数据中相同班级的学生分到一个partition中,并根据分数降序排序. 此实例用到的repartitionAndSortWithinPartitions是Spark官网推荐的一个算子,官 ...

  3. FileStream操作文件读写

    FileStream fsRead = new FileStream(@"C:\Users\Administrator\Desktop\u.html",FileMode.OpenO ...

  4. (搬运工)推荐！国外程序员整理的 C++ 资源大全

    标准库 C++标准库,包括了STL容器,算法和函数等. C++ Standard Library:是一系列类和函数的集合,使用核心语言编写,也是C++ISO自身标准的一部分. Standard Tem ...

  5. 在PHP中PDO解决中文乱码问题

    $this->pdo = new PDO($dsn, $user, $password, array(PDO::ATTR_PERSISTENT => true)); $stmt = $th ...

  6. ECSTORE2.0 下载 （变量标签）

    条目 用途 备注 coupon.mc.use_times 优惠券可用次数 - security.guest.enabled 是否支持非会员购物 - site.version version的最后修改时 ...

  7. javascript事件详细说明

    javascript事件列表解说javascript事件列表解说事件 浏览器支持 解说一般事件 onclick IE3.N2 鼠标点击时触发此事件ondblclick IE4.N4 鼠标双击时触发此事 ...

  8. 采购IC应该知道的十大网站

    http://www.hcsindex.com  (华强北指数网,查价格的)http://www.hqew.com  (华强电子网,针对华强北市场)http://www.dzsc.com  (维库电子 ...

  9. 多线程操作UI界面的示例 - 更新进度条

    http://blog.csdn.net/liang19890820/article/details/52186626

  10. How to install phpmyadmin on centos 6

    Phpmyadmin :   Phpmyadmin is a free tool used to administrate MySQL . Phpmyadmin supports all major ...