Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 1170|回复: 0

\DOM的小小應用 ○

[复制链接]

该用户从未签到

发表于 2011-11-1 12:08:42 | 显示全部楼层 |阅读模式
    <HTML>
    <head>
    <title></title>
    <script type="text/javascript">
    function saveInfo(){
    var tb     = document.getElementById("tb");
    var mytr   = document.createElement("tr");
    mytr.align = "center";
    var mytd1  = document.create2Element("td");
    var mytd2  = document.createElement("td");
    var mytd3  = document.createElement("td");
    var name   = document.createTextNode(document.getElementById("username").value);
    var pwd     = document.createTextNode(document.getElementById("userpwd").value);
    var del       = document.createTextNode("刪除");
    mytr.appendChild(mytd1);
    mytr.appendChild(mytd2);
    mytr.appendChild(mytd3);
    mytd1.appendChild(name);
    mytd2.appendChild(pwd);
    var mya =  document.createElement("A");
    mya.href="#";
    mya.onclick=deleteMe;
    mya.appendChild(del);
    mytd3.appendChild(mya);
    tb.appendChild(mytr);
    }
    function deleteMe(){
    var mytr = this.parentNode.parentNode;
    confirm("您确定要删除"+ mytr.firstChild.firstChild.nodeValue +"吗");
    mytr.parentNode.removeChild(mytr);
    }
    </script>
    </head>
    <body>
    <table align="center" border="0">
    <tr>
    <td>用戶名:</td>
    <td><input type="text" id="username" ></td>
    <td><div id="errorname"></div></td>
    </tr>
    <tr>
    <td>密码:</td>
    <td><input type="password" id="userpwd"></td>
    <td><div id="errorpwd"></div></td>
    </tr>
    <tr>
    <td colspan="3">
    <input type="button" value="注册" onClick="saveInfo();">
    <input type="reset" value="清除">
    </td>
    </tr>
    </table>
    <table align="center" border="1" style="border-collapse:collapse" id="tb">
    <tr>
    <td>用戶名</td>
    <td>密码</td>
    <td>cao作</td>
    </tr>
    </table>
    </body>
    </html>
欢迎来到Java學習者论坛,转载请注明地址:http://www.javaxxz.com.
回复

使用道具 举报

该用户从未签到

发表于 2011-11-1 12:08:48 | 显示全部楼层

Re:\\DOM的小小應

啥东西也不说清楚,莫不是要每人都去运行代码?
回复 支持 反对

使用道具 举报

该用户从未签到

 楼主| 发表于 2011-11-1 12:08:55 | 显示全部楼层

Re:\\DOM的小小應

差不多那個意思,只是DOM 的几个简单应用,拿出来贴一下,不知道各位在实际应用中是否会用到這些,提些意见
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2011-11-1 12:09:02 | 显示全部楼层

Re:\\DOM的小小應

恩~~不错,在一些不让用Jquery等框架的变态项目中很有用。
    多多学习!
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2011-11-1 12:09:08 | 显示全部楼层

Re:\\DOM的小小應

08年剛毕业,不知道有jquery那會,把犀牛书翻了好幾遍,写了一整套这种操作dom文檔的东东。
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2011-11-1 12:09:24 | 显示全部楼层

Re:\\DOM的小小應

jquery就是封装了很多底層dom操作,还有做了夸浏览器兼容处理。
    最开始,很抵触jquery,感觉它太大了,我项目中用不了那么多东西。
    现在網络好了,感觉都无所謂了。
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2011-11-1 12:09:31 | 显示全部楼层

Re:\\DOM的小小應

创建tr和td可以直接用
    Java代码
   

   
   
    table.insertRow(-1).insertCell(-1);  
    table.insertRow(-1).insertCell(-1);
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

GMT+8, 2024-11-5 13:35 , Processed in 3.187898 second(s), 45 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表