document.getElementById("addUser").onclick=function(){
来源:互联网 发布:linux 显示行号 编辑:程序博客网 时间:2024/05/21 10:45
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>添加用户</title>
</head>
<body>
<center>
<br><br>
添加用户:<br><br>
姓名: <input type="text" name="name" id="name" />
email: <input type="text" name="email" id="email" />
电话: <input type="text" name="tel" id="tel" /><br><br>
<button id="addUser">提交</button>
<br><br>
<hr>
<br><br>
<table id="usertable" border="1" cellpadding="5" cellspacing=0>
<tbody>
<tr>
<th>姓名</th>
<th>email</th>
<th>电话</th>
<th> </th>
</tr>
<tr>
<td>Tom</td>
<td>tom@tom.com</td>
<td>5000</td>
<td><a href="deleteEmp?id=Tom">Delete</a></td>
</tr>
<tr>
<td>Jerry</td>
<td>jerry@sohu.com</td>
<td>8000</td>
<td><a href="deleteEmp?id=Jerry">Delete</a></td>
</tr>
</tbody>
</table>
</center>
</body>
<script language="JavaScript">
//<button id="addUser">提交</button>
document.getElementById("addUser").onclick=function(){
/*
* 姓名: <input type="text" name="name" id="name" />
email: <input type="text" name="email" id="email" />
电话: <input type="text" name="tel" id="tel" /><br><br>
*/
var nameValue=document.getElementById("name").value;
var emailValue=document.getElementById("email").value;
var telValue=document.getElementById("tel").value;
/*
* <tr>
<td>Jerry</td>
<td>jerry@sohu.com</td>
<td>8000</td>
<td><a href="deleteEmp?id=Jerry">Delete</a></td>
</tr>
*/
var trelem=document.createElement("tr");
var nameelem=document.createElement("td");
var nameText=document.createTextNode(nameValue);
nameelem.appendChild(nameText);
var emailelem=document.createElement("td");
var emailText=document.createTextNode(emailValue);
emailelem.appendChild(emailText);
var telelem=document.createElement("td");
var telText=document.createTextNode(telValue);
telelem.appendChild(telText);
var atdelem=document.createElement("td");
var a=document.createElement("a");
a.setAttribute("href","deleteEmp?id="+nameValue);
var delText=document.createTextNode("Delete");
a.appendChild(delText);
atdelem.appendChild(a);
trelem.appendChild(nameelem);
trelem.appendChild(emailelem);
trelem.appendChild(telelem);
trelem.appendChild(atdelem);
var table=document.getElementById("usertable");
var tbody=document.createElement("tbody");
// alert("tfy");
//在除IE外其他浏览器,在页面中查找不到tbody标签
tbody.appendChild(trelem);
table.appendChild(tbody);
// alert("tfy");
a.onclick=function (){
/*
* <tr>
<td>Jerry</td>
<td>jerry@sohu.com</td>
<td>8000</td>
<td><a href="deleteEmp?id=Jerry">Delete</a></td>
</tr>
*/
var trelem=a.parentNode.parentNode;
var name=trelem.firstChild.firstChild.nodeValue;
var flag=confirm("您确认要删除"+name+"用户吗?");
if(!flag){
//取消
/*
* 当点击按钮时,页面会有自动的提交动作,
* 因为没有设置提交的页面,所以显示"找不到网页"
*
* * return false的作用:
* * 禁止页面刷新
* * 禁止页面自动提交的动作
*/
return false;
}else{
//确认
var parentele=trelem.parentNode;
parentele.removeChild(trelem);
return false;
}
}
}
</script>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>添加用户</title>
</head>
<body>
<center>
<br><br>
添加用户:<br><br>
姓名: <input type="text" name="name" id="name" />
email: <input type="text" name="email" id="email" />
电话: <input type="text" name="tel" id="tel" /><br><br>
<button id="addUser">提交</button>
<br><br>
<hr>
<br><br>
<table id="usertable" border="1" cellpadding="5" cellspacing=0>
<tbody>
<tr>
<th>姓名</th>
<th>email</th>
<th>电话</th>
<th> </th>
</tr>
<tr>
<td>Tom</td>
<td>tom@tom.com</td>
<td>5000</td>
<td><a href="deleteEmp?id=Tom">Delete</a></td>
</tr>
<tr>
<td>Jerry</td>
<td>jerry@sohu.com</td>
<td>8000</td>
<td><a href="deleteEmp?id=Jerry">Delete</a></td>
</tr>
</tbody>
</table>
</center>
</body>
<script language="JavaScript">
//<button id="addUser">提交</button>
document.getElementById("addUser").onclick=function(){
/*
* 姓名: <input type="text" name="name" id="name" />
email: <input type="text" name="email" id="email" />
电话: <input type="text" name="tel" id="tel" /><br><br>
*/
var nameValue=document.getElementById("name").value;
var emailValue=document.getElementById("email").value;
var telValue=document.getElementById("tel").value;
/*
* <tr>
<td>Jerry</td>
<td>jerry@sohu.com</td>
<td>8000</td>
<td><a href="deleteEmp?id=Jerry">Delete</a></td>
</tr>
*/
var trelem=document.createElement("tr");
var nameelem=document.createElement("td");
var nameText=document.createTextNode(nameValue);
nameelem.appendChild(nameText);
var emailelem=document.createElement("td");
var emailText=document.createTextNode(emailValue);
emailelem.appendChild(emailText);
var telelem=document.createElement("td");
var telText=document.createTextNode(telValue);
telelem.appendChild(telText);
var atdelem=document.createElement("td");
var a=document.createElement("a");
a.setAttribute("href","deleteEmp?id="+nameValue);
var delText=document.createTextNode("Delete");
a.appendChild(delText);
atdelem.appendChild(a);
trelem.appendChild(nameelem);
trelem.appendChild(emailelem);
trelem.appendChild(telelem);
trelem.appendChild(atdelem);
var table=document.getElementById("usertable");
var tbody=document.createElement("tbody");
// alert("tfy");
//在除IE外其他浏览器,在页面中查找不到tbody标签
tbody.appendChild(trelem);
table.appendChild(tbody);
// alert("tfy");
a.onclick=function (){
/*
* <tr>
<td>Jerry</td>
<td>jerry@sohu.com</td>
<td>8000</td>
<td><a href="deleteEmp?id=Jerry">Delete</a></td>
</tr>
*/
var trelem=a.parentNode.parentNode;
var name=trelem.firstChild.firstChild.nodeValue;
var flag=confirm("您确认要删除"+name+"用户吗?");
if(!flag){
//取消
/*
* 当点击按钮时,页面会有自动的提交动作,
* 因为没有设置提交的页面,所以显示"找不到网页"
*
* * return false的作用:
* * 禁止页面刷新
* * 禁止页面自动提交的动作
*/
return false;
}else{
//确认
var parentele=trelem.parentNode;
parentele.removeChild(trelem);
return false;
}
}
}
</script>
</html>
- document.getElementById("addUser").onclick=function(){
- document.getElementById("id").onclick=tt
- var obj=function(id){return document.getElementById?document.getElementById(id):id};
- function $(id){return document.getElementById(id)}说明
- function $(str) {return(document.getElementById(str));}
- $get() == document.getElementById()
- document.getElementById()
- document.getElementById()
- document.getElementById()
- document.getElementById
- document.getElementById()
- js报错:TypeError: document.GetElementById is not a function
- js报错:TypeError: document.GetElementById is not a function
- document.getElementById("divv").style.display = 'none';
- document.getElementById(i).style.display ='block';
- document.getElementById("id").style.color="#000000"
- onclick="function()"和onclick="return function();"区别
- js 动态加载function(onclick= function ())
- cocos2d-x初学笔记05:添加角色Sprite
- 已证实ipod不支持Apple自家的Apple Lossless Audio Codec(alac)无损格式
- delphi插件
- linux mysql 数据表修复方法
- LayoutParams
- document.getElementById("addUser").onclick=function(){
- 开发成功的软件产品必须回答的问题
- 软件测试,想说爱你不容易
- 高效代码审查的十个经验
- QString
- I am back!
- C++中的const在多维指针中的应用
- 做个合格的软件测试员
- 2013年1月工作小结 -- 上线后的懈怠