基于javascipt-dom编程table对象的使用_基础知识

来源：动视网责编：小采时间：2020-11-27 21:08:58

基于javascipt-dom编程table对象的使用_基础知识

基于javascipt-dom编程table对象的使用_基础知识:排名练习：向表格添加数据，当编号遇到重复给予提示并且无法添加，而且按排名顺序添加数据参考代码：代码如下: ggggg function test(){ //获得表格对象 var mytable=document.getElementById(table1); //判断插入是否重复的排名 //遍

推荐度：

点击下载本文 文档为doc格式

导读基于javascipt-dom编程table对象的使用_基础知识:排名练习：向表格添加数据，当编号遇到重复给予提示并且无法添加，而且按排名顺序添加数据参考代码：代码如下: ggggg function test(){ //获得表格对象 var mytable=document.getElementById(table1); //判断插入是否重复的排名 //遍

排名练习：向表格添加数据，当编号遇到重复给予提示并且无法添加，而且按排名顺序添加数据

参考代码：
代码如下:

ggggg

function test(){

//获得表格对象
var mytable=document.getElementById("table1");
//判断插入是否重复的排名
//遍历
//定义变量要插入的位置
var insertW=mytable.rows.length;
for(var i=1;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;

}