基于javascipt-dom编程 table对象的使用
排名练习：向表格添加数据，当编号遇到重复给予提示并且无法添加，而且按排名顺序添加数据
参考代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>ggggg</title>
<link rel="stylesheet" type="text/css" href="">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<!--js代码可以放置在任意位置，按照先后顺序依次执行 一般放在head标签之间-->
<script type="text/javascript">
function test(){
//获得表格对象
var mytable=document.getElementById("table1");
//判断插入是否重复的排名
//遍历
//定义变量要插入的位置
var insertW=mytable.rows.length;
for(var i=1;i<mytable.rows.length;i++){
//取出每一行
var eRows=mytable.rows[i];
//判断输入的排名是否重复
if(eRows.cells[0].innerText==no.value){
window.alert("与排名 "+eRows.cells[0].innerText+" 重复");
return ;//阻止代码往下面执行
}
//进行排序 查找要插入的位置
if(parseInt(no.value)>parseInt(eRows.cells[0].innerText)){
insertW=i;
//window.alert(insertW);
}
//window.alert("ok");
}
//排序后的插入
var eachRow=mytable.insertRow(insertW+1);
//每行添加数据
eachRow.insertCell(0).innerText=document.getElementById("no").value;
eachRow.insertCell(1).innerText=username.value;
eachRow.insertCell(2).innerText=nickname.value;
}
</script>
</head>
<body>
<table id="table1" border="1">
<tr><td>排名</td><td>姓名</td><td>外号</td></tr>
<tr><td>1</td><td>宋江</td><td>及时雨</td></tr>
<tr><td>2</td><td>卢俊义</td><td>玉麒麟</td></tr>
<tr><td>10</td><td>test</td><td>test</td></tr>
</table>
<br/><br/>
排名:<input id="no" type="text" name="no"><br/>
姓名:<input id="username" type="text" name="username"><br/>
外号:<input id="nickname" type="text" name="nickname"><br/>
<input type="button" value="添加" onclick="test()"><br/>
</body>
</html>
相关文章
2008-01-01
javascript中字符串如何定义，下面有个不错的示例，大家可以学习下2013-12-12
split定义和用法, 主要是将字符串分割为数组，再进行输出等操作，比较常用的函数。2009-12-12
iframe 上下滚动条如何默认在下方，做的是聊天工具，数据多了，每次刷新出现的上下滚动默认在上方，还需下拉到下面才能看到聊天记录，本文将介绍，如和实现在下方2012-12-12
深入Javascript函数、递归与闭包(执行环境、变量对象与作用域链)使用详解
本篇文章对Javascript中函数、递归与闭包(执行环境、变量对象与作用域链)的使用进行了详细的分析介绍。需要的朋友参考下2013-05-05
Javascript & DHTML 实例编程（教程）基础知识
Javascript & DHTML 实例编程（教程）基础知识...2007-06-06
很多语言把数组作为集合的基础，所以array是学习每一项语言必须掌握的。2010-01-01
这篇文章主要为大家介绍了Javascript基础之循环，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
这篇文章主要介绍了Javascript基础教程之switch语句的相关资料,需要的朋友可以参考下2015-01-01
本篇文章，小编为大家介绍，关于在javascript中关于节点内容加强的问题2013-04-04
最新评论