JavaScript动态操作表格,添加,删除行、列及单元格表单按钮特效

JavaScript动态操作表格,添加,删除行、列及单元格表单按钮特效 ,,,:,,, ,, ,,,, ,,,,, , ,-,,,,,,,,,, ,,,, ,,,, ,,,,, ,,,;, al//EN" ,,,,,:,,,,,,,,,;,,,,,,,,,,, ,,;;,, .dtd"> ,,,,, ,,,,-,,,,, ,,,;,,, ,,-,,,,, ,,;,,,,,,,,,,,, ;,,,, ,,,,,,,, 2"> ,,;,,, , ,,,,, age=",,,,, ;,,,, "> ,,,;, ion init(){ ,,,,, ,,,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,,, "); ,,,,, ,,,;,,, r="1px"; ,,,,, ,,,,,,, ,,,,,,, "; for(var i=1;i<6;i++){ ,,, ,;,,,;;,, ,,,,;,,,, ,,,,, ent("tr"); row.id=i; for(var j=1;j<6;j++){ var ;,,,,,;;,, ,,,,;,,,, ,,,,, ent("td"); cell.id=i+"/"+j; cell.appendChild(document.createTextNode("第"+cell.id+"列")); ,;,,,,,,, ,,,,, d(cell); } ,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,,; ,,,:,,,,,, ,,,,, d(row); } } ,,,;, ion r,,,, id(){ var beginRow=document.getElementById("beginRow").value;/*开始行*/ var endRow=document.getElementById("endRow").value;/*结束行*/ /*/*/ var beginCol=document.getElementById("beginCol").value;/*开始列*/ var endCol=document.getElementById("endCol").value;/*结束列*/ var tempCol=beginRow+"/"+beginCol;/*,,,,,属性的列*/ ,,,,, :,,,,, ol); ,,, ,,,,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,, ol); ,;,:,,, ,,,,,,, ,;,,,,,,,,,; w;x++){ ,;,:,,, ,,,,,,, ,;,,,,,,,,,; l;i++){ ,,:,,,,,,,, Row){ ,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,,, ,:,,;,,,,,,,,,,, ,,,,, (i+1); } else{ ,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,,, ,:,,;,,,,,,,,,,, ,,,,, (i); } } } ,,,,;,,, ,,,:,,,,; ,-,,,,, Row)+1; } /*添加行，使用appendChild,,*/ ,,,;, ,;, ,,,,; w(){ ,,, ,,,,, ,,,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,,, ,:,,;,,,,,,,, h; ,,,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,,; ,,,:,,,,,, ,,;,:,,,,, h); ,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,, ,，,:,,,,,, ,,,,, ,,:,,,,～,,,,, h+2);*/ ,,, ,,,,;;,, ,,,,;,,,, ,,,,, ent("tr"); tr,,,,,,,,, h+1; ,,, ,,,,;;,, ,,,,;,,,, ,,,,, ent("td"); for(i=1;i<4;i++){ td.id=tr.id+"/"+i; td.appendChild(document.createTextNode("第"+td.id+"列")); ,,,,,,,, ,,,,, d(td); } ,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,,; ,,,:,,,,,, ,,,,, d(tr); } ,,,;, ,;, ,,,,; ,,,,, ,,,,, rt(){ ,,, ,;,,,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,,, ,:,,,,,, ,,;,:,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,,, ,:,,;,,,,,,, , h); ,,, ,;,,; ,,,,,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,,, ,:,,;,,,,,,,, h; ,,, ;;,,, ,,,,,,;;,, ,,,,,,,,, eme,, ,,,,:,,,,,, ,:,,;,,,,,,,:,:,;,,,, ,,,,,, h; ,;,:,,, ,,,,,,;;,,, Cell;i++){ ,,, ;,,,,,;,,,,,,, ,,,,, (i); cell.innerHTML="新"+(rowCount)+"/"+(i+1)+"列"; ;,,,,,,,:,;,,; unt)+"/"+(i+1); } } /*删除行，采用deleteRow(row Index)*/ func, ,;, ,,,;, eRow(){ ,, ,,, ,;,,,;;,, ,,,,,,,,, ,,,,, ById("2"); ,,, ,,,,, ,,;,,,;,,, dex; ,,,,, :,,,,, );*/ ,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,,; ,,,:,,,,,, ,,;,:,;;,, ,,,,,,,,, ,,,,, ,,,,:,;;,, ,,,,,,,,, ,, ,,, ,,,,:,,,,,, ,:,,;,,,,,,,, ,:,,;,,, dex); } /*添加列，采用insertCell(列,置),,*/ ,,,;, ,;, ,,,,, ll(){ ,,,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,,, ,:,,;,,,,,,,:,:,;,,,, ,,,,,, h 用,,,表格的列数 */ ,;,:,,, ,,,,,,,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,,, ,:,,;,,,,,,,, h;i++){ ,,, ;,,,,,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,,, ,:,,;,,,,,,,,,,, ,,,,, (2); cell.innerHTML="第"+(i+1)+"/"+3+"列"; } } /*删除列，采用deleteCell(列,置)的,,*/ ,,,;, ,;, ,,,;, ,,,,, (){ ,;,:,,, ,,,,,,,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,,, ,:,,;,,,,,,,, h;i++){ ,;;,, ,,,,,,,,, ,,,,, ,,,,:,,,,,, "),,;,,,,,,,,,,, ,,,,, (0); } } ,,,;,,, t> ,,;,, ;,,;, d="init();"> ,,,,,, ,,,,,,,,, , ,,,,, ,,;,,,, r"> ,,,;,, ,,,,,,,,; ,,,,,,,,;,, > ,,,,,,, >