<!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>
分享到:
相关推荐
document.getElementById()对象和使用方法
主要是对各浏览器对document.getElementById等方法的实现差异进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
function pwStrength(pwd,vImg,vImgs,ilength){ if(pwd.length<=0){ document.getElementById(vImgs).innerHTML="<span style=color:red;font-size:12px>"+16+"</span>"; } else{ document....
document.getElementById(slidesanjiaoimagesname[whichimage]).src=slidesanjiaoimages[1]; if (ie55) document.images.slide.filters[0].play() whichlink=whichimage whichimage=(whichimage...
document.getElementById('info').style.visibility='visible'; document.getElementById("s").value="隐藏学生信息"; }else{ document.getElementById('info').style.visibility='hidden'; document....
document.getElementById("TabTab03Con1").style.display="block"; document.getElementById("TabTab03Con2").style.display="none"; document.getElementById("TabTab03Con3").style.display="none"; ...
ele=document.getElementById(img.overid); if(ele) {obj.removeChild(ele);} ele=document.getElementById(img.ctrlid); if(ele) {obj.removeChild(ele);} img.width=img.minwidth; img.height=img....
document.getElementById为null 原因: var titab=document.getElementById(“titletab”);没有取到对象 解决办法: 1.在错误语句的下面加上alert(titab);调试语句,看看是否有消息框弹出 2.如果没有弹出,检查...
document.getElementById("cls").onclick=function() { document.getElementById("search").value=""; } }else { document.getElementById("cls").style.visibility="hidden"; } }); [removed]
document.getElementById("isOkMsg").src = "<%=basePath%>/images/nos.png"; document.getElementById("usName").focus(); document.getElementById("login_ok").removeAttribute("disabled"); } function _...
Sub QQ() On Error Resume Next ... .document.getelementbyid("verifytip").Value = .document.getelementbyid("verifyshow").Value .document.getelementbyid("button").Click '登 录 End With End Sub
当初那种直接访问id的方法,逐渐被document.getElementById所替代。如果这年头还在用id访问元素,要么就是做程序里的内嵌网页,要么就是像铁道部那样的超境界仿古网站:) 当然只要保证你的用户都是用ie访问,这样的...
var obj = document.getElementById('draggable'); rDrag.init(obj); } <div id="draggable"> <div style=margin:0px,0px,0px,200px > <table cellspacing="0" cellpadding="0" width="1" height="80%" ...
onload = function ( ) { formNode = document . getElementById ( 'form' ) ; submitButtonNode = document . getElementById ( 'submit' ) ; nameInputNode = document . getElementById ( 'name' ) ; ...
主要介绍了浅谈vue中document.getElementById()拿到的是原值的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
^) 但是对于document.getElementsByName 与document.getElementById 这个两个方法,IE中是并没有严格区分 ID 与 Name 的,比如: [removed] function useGetElementsByNameWithId(id) { var eles = d
document.getElementById("demo").onmouseout=function() {if(t){MyMar=setInterval(RMarquee,speed3)}else{MyMar=setInterval(Marquee,speed3)}} document.getElementById('mcc').onmouseout=function(){...
var canvas = document.getElementById("cas"); var ocas = document.createElement("canvas"); var octx = ocas.getContext("2d"); var ctx = canvas.getContext("2d"); ocas.width = canvas.width = ...
var div = document.getElementById("div"); for(var i=0; i; i++) { document.body.appendChild(document.createTextNode("Hello, World!")); document.body.appendChild(document.createElement("br"));...