JS原生态----操作表格

/** 主要用于处理比分页面的一些函数 */
/**
* @author litiexiong
* @param name ID前缀
* @param hidden 放在隐藏域中的项数
* @param but 当前的dom对象
* @param flag 放在隐藏域中的对应标识ID
*/
function showallbd(name,hidden, but,flag)
{
var countnum = document.getElementById(hidden).value;
var currflag = document.getElementById(flag).value;
if(currflag == 0){//展开
if(countnum>5){
for(var j=5;j<countnum;j++){
var currt_td1 = name+j;
var currt_td2 = (name+j)+"_tr";
document.getElementById(currt_td1).style.display="";
if(flag == 'flagc1'){
document.getElementById(currt_td2).style.display="";
}

}
}
document.getElementById(flag).value = 1;
}else{//收起
if(countnum>5){
for(var j=5;j<countnum;j++){
var currt_td1 = name+j;
var currt_td2 = (name+j)+"_tr";
document.getElementById(currt_td1).style.display="none";
if(flag == 'flagc1'){
document.getElementById(currt_td2).style.display="none";
}
}
}
document.getElementById(flag).value = 0;
}
document.getElementById(but).innerHTML = document.getElementById(but).innerHTML.indexOf("查看")>=0 ? document.getElementById(but).innerHTML.replace(/查看/g, "收藏") : document.getElementById(but).innerHTML.replace(/收藏/g, "查看");
}
/**
* @author litiexiong
* @param id ID
* @param changname ID前缀
* @param flagc 放在隐藏域中的对应标识ID
* @param num 放在隐藏域中的项数
*/
function selectbodan(id,changname,flagc,num){
var currcheck = '';
var divID = "";
if(flagc == 'flagc1'){
currcheck = 'c1check'+id;
divID = 'c1';
}else if(flagc == 'flagc2'){
currcheck = 'c2check'+id;
divID = 'c2';
}else{
currcheck = 'c3check'+id;
divID = 'c3';
}
var check = check = document.getElementById(currcheck).checked;
var changtrone = changname+id;
var changtrtwo = changtrone+'_tr';
var flag = document.getElementById(flagc).value;
var countbodan = document.getElementById(num).value;
if(flag == 1){//以经展开，直接操作；
if(check){
document.getElementById(changtrone).style.display="";
if(flagc == 'flagc1'){
document.getElementById(changtrtwo).style.display="";
}else{ //修改TR的class属性值
switchColor(divID);
}
}else{
document.getElementById(changtrone).style.display="none";
if(flagc == 'flagc1'){
document.getElementById(changtrtwo).style.display="none";
}else{//修改TR的class属性值
switchColor(divID);
}
}
}else{//没有展开，需要进行判断再操作；
if(id>4){
return;
}else{
if(check){
document.getElementById(changtrone).style.display="";
if(flagc == 'flagc1'){
document.getElementById(changtrtwo).style.display="";
}else{ //修改TR的class属性值
switchColor(divID);
}
}else{
document.getElementById(changtrone).style.display="none";
if(flagc == 'flagc1'){
document.getElementById(changtrtwo).style.display="none";
}else{ //修改TR的class属性值
switchColor(divID);
}
}
}
}
}
/**
* 修改td class属性
* @param id 对应模块的DIV层的ID
*/
function switchColor(id){
var tables = document.getElementById(id).getElementsByTagName("table");
var trs = tables[0].getElementsByTagName("tr");
var trlength = trs.length;
for(var i=1;i<trlength;i++){ //删除所有class属性
var tdremove = trs[i].getElementsByTagName("td");
var tdrelength = tdremove.length;
for(var j=0;j<tdrelength;j++){
tdremove[j].className=""
}
}
for(var k=1,n=0;k<trlength;k++){//增加奇偶行所有class属性
if(trs[k].style.display=='none'){
continue;
}
var tdadd = trs[k].getElementsByTagName("td");
var tdlength = tdadd.length;
for(var tdindex=0;tdindex<tdlength;tdindex++){
if(n%2 == 0){
tdadd[tdindex].className="td_one";
}else{
tdadd[tdindex].className="td_one td_even";
}
}
n++;
}
}